/* Zenkai Idle R7.10.220 — standalone Character Development + final Hunt list polish. */

/* ---------------- Topbar: 10-button row ---------------- */
:root{--zk-r220-btn:58px;--zk-r220-gap:5px;--zk-r220-nav-w:625px;--zk-r220-native:1280px}
html body[data-ui-profile] .zk-v9-stage{grid-template-columns:286px 140px 136px 93px minmax(var(--zk-r220-nav-w),1fr)!important}
html body[data-ui-profile] .hunter-topbar.zk-v9-compact .zk-v9-stage{width:var(--zk-r220-native)!important;grid-template-columns:286px 140px 136px 93px var(--zk-r220-nav-w)!important}
html body[data-ui-profile] .r178-top-icons{width:var(--zk-r220-nav-w)!important;gap:var(--zk-r220-gap)!important}
html body[data-ui-profile] .r178-top-icons .top-btn,
html body[data-ui-profile] .r178-top-icons #optionsBtn{flex:0 0 var(--zk-r220-btn)!important;width:var(--zk-r220-btn)!important;height:var(--zk-r220-btn)!important;min-width:var(--zk-r220-btn)!important;min-height:var(--zk-r220-btn)!important;background-size:58px 58px!important}
html body[data-ui-profile] #huntsBtn{order:1!important}html body[data-ui-profile] #bestiaryBtn{order:2!important}html body[data-ui-profile] #forgeTopBtn{order:3!important}html body[data-ui-profile] #invBtn{order:4!important}html body[data-ui-profile] #guildBtn{order:5!important}html body[data-ui-profile] #guildRankBtn{order:6!important}html body[data-ui-profile] #recruitBtn{order:7!important}html body[data-ui-profile] #developmentBtn{order:8!important}html body[data-ui-profile] #partyBtn{order:9!important}html body[data-ui-profile] #optionsBtn{order:10!important}
html body[data-ui-profile] #developmentBtn{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;background-image:url('assets/ui/zenkai_topbar_r182/development.png')!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:58px 58px!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;overflow:visible!important}
html body[data-ui-profile] #developmentBtn:hover,html body[data-ui-profile] #developmentBtn:focus-visible{transform:translateY(-1px) scale(1.035)!important;filter:brightness(1.1) saturate(1.05)!important}
body.hunt-active #developmentBtn{display:none!important;pointer-events:none!important}

/* ---------------- Hunt / Boss list polish ---------------- */
#huntModal .zk63-shell .zk63-hunt-card{padding-left:15px!important;grid-template-columns:36px minmax(0,1fr)!important;gap:8px!important}
#huntModal .zk63-shell .zk63-hunt-card>img{justify-self:center!important;object-fit:contain!important;object-position:center bottom!important}
#huntModal .zk77-boss-card{padding-left:21px!important;grid-template-columns:46px minmax(0,1fr)!important;gap:8px!important}
#huntModal .zk77-boss-card>img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important}
#huntModal .zk77-boss-loot{padding-left:21px!important;grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
#huntModal .zk77-boss-loot>img{width:31px!important;height:31px!important;max-width:31px!important;max-height:31px!important}
@media(max-height:719px){
  #huntModal .zk63-shell .zk63-hunt-card{padding-left:14px!important;grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important}
  #huntModal .zk63-shell .zk63-hunt-card>img{width:30px!important;height:30px!important}
  #huntModal .zk77-boss-card{padding-left:20px!important;grid-template-columns:44px minmax(0,1fr)!important;gap:8px!important}
  #huntModal .zk77-boss-card>img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important}
  #huntModal .zk77-boss-loot{padding-left:20px!important;grid-template-columns:31px minmax(0,1fr)!important;gap:7px!important}
  #huntModal .zk77-boss-loot>img{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important}
}

/* ---------------- Development modal ---------------- */
#infoModal.development-mode{padding:10px!important}
#infoModal.development-mode .modal.compact{width:min(1120px,96vw)!important;height:min(760px,92dvh)!important;max-width:none!important;display:grid!important;grid-template-rows:42px minmax(0,1fr)!important;border:1px solid #2b83bb!important;background:linear-gradient(180deg,#07131f,#050b12)!important;box-shadow:0 0 0 2px #07111b,0 0 24px #008bdb55!important}
#infoModal.development-mode .modal-head{height:42px!important;padding:0 48px 0 18px!important;display:flex!important;align-items:center!important;background:linear-gradient(180deg,#103a63,#081c31)!important;border-bottom:1px solid #3b9ad2!important;color:#f5fbff!important;font-size:14px!important;letter-spacing:.08em!important}
#infoModal.development-mode .modal-head>.x{right:8px!important;top:6px!important;width:29px!important;height:29px!important}
#infoModal.development-mode #forgeHelpBtn{display:grid!important;place-items:center!important;position:absolute!important;right:43px!important;top:6px!important;width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;border-radius:50%!important;border:1px solid #3b7da4!important;background:linear-gradient(180deg,#174b72,#0b2941)!important;color:#dff4ff!important;font-weight:900!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;box-shadow:0 0 16px rgba(59,125,164,.16)!important;padding:0!important}
#infoModal.development-mode .modal-body{min-height:0!important;padding:0!important;overflow:hidden!important}
#infoModal.development-mode #infoContent{height:100%!important;min-height:0!important}
#infoModal.development-mode .modal-actions{display:none!important}
.r220-loading{height:100%;display:grid;place-items:center;color:#8bdcff;font-weight:900;letter-spacing:.12em;background:radial-gradient(circle at center,#0d2941,#06111d 58%)}
.r220-development-shell,.r220-development-shell *{box-sizing:border-box}
.r220-development-shell{height:100%;display:grid;grid-template-columns:240px minmax(0,1fr);background:radial-gradient(circle at 68% 8%,rgba(16,73,119,.23),transparent 38%),#06111b;color:#dceaf4;overflow:hidden}
.r220-roster{min-width:0;min-height:0;border-right:1px solid #275575;background:linear-gradient(180deg,#081725,#06101a);display:grid;grid-template-rows:52px minmax(0,1fr)}
.r220-roster>header{padding:10px 12px;border-bottom:1px solid #23445a}.r220-roster>header small{display:block;color:#62bce9;font-size:8px;letter-spacing:.13em}.r220-roster>header b{display:block;margin-top:3px;color:#f0c356;font-size:10px}
.r220-roster>div{min-height:0;overflow:auto;padding:8px 7px;scrollbar-width:thin;scrollbar-color:#1599d5 #07111b}
.r220-roster-card{width:100%;min-height:62px;margin:0 0 6px;padding:7px 9px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;align-items:center;text-align:left;border:1px solid #1f4057;background:linear-gradient(180deg,#0c2133,#071522);color:#dceaf4;cursor:pointer}
.r220-roster-card:hover{border-color:#3589b8;background:linear-gradient(180deg,#10304a,#081b2b)}.r220-roster-card.active{border-color:#f0a62e;box-shadow:inset 0 0 18px #f5a62316,0 0 9px #f3a52621}
.r220-roster-card img{width:46px;height:46px;object-fit:contain;image-rendering:pixelated}.r220-roster-card span{min-width:0}.r220-roster-card b{display:block;color:#f4f8fb;font-size:12px}.r220-roster-card small{display:block;margin-top:4px;color:#7ea5bd;font-size:9px}
.r220-development-main{min-width:0;min-height:0;display:grid;grid-template-rows:132px 40px minmax(0,1fr);overflow:hidden}
.r220-dev-hero{display:grid;grid-template-columns:92px minmax(0,1fr) 190px;gap:14px;align-items:center;padding:14px 18px;background:linear-gradient(90deg,#0a2033,#0d2b46 55%,#091827);border-bottom:1px solid #2a5b7a}
.r220-dev-portrait{width:82px;height:98px;display:grid;place-items:center;border:1px solid #2f6e94;background:radial-gradient(circle,#143958,#081522 68%)}.r220-dev-portrait img{width:74px;height:88px;object-fit:contain;image-rendering:pixelated}
.r220-dev-copy{min-width:0}.r220-dev-copy>small{color:#64c9f7;font-size:8px;letter-spacing:.15em}.r220-dev-copy h2{margin:3px 0 4px;color:#fff;font-size:27px;line-height:1}.r220-dev-copy p{margin:0;color:#90adbf;font-size:10px;line-height:1.35;max-width:520px}.r220-hero-metrics{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.r220-hero-metrics span{padding:5px 7px;border:1px solid #27516c;background:#071724;color:#7197ae;font-size:8px}.r220-hero-metrics b{margin-left:4px;color:#f2d36a;font-size:10px}
.r220-star-summary{text-align:right;padding-right:4px}.r220-star-summary>small{display:block;color:#7ca4bb;font-size:8px;letter-spacing:.14em}.r220-star-summary>div{margin:6px 0 4px;white-space:nowrap}.r220-star-summary span{font-size:28px;color:#314b5d;text-shadow:0 1px #02080d}.r220-star-summary span.on{color:#ffd34f;text-shadow:0 0 7px #ff941f}.r220-star-summary>b{font-size:10px;color:#e7f4fb}
.r220-dev-tabs{display:flex;align-items:stretch;padding:0 18px;background:#06111a;border-bottom:1px solid #204962}.r220-dev-tabs button{min-width:128px;padding:0 16px;border:0;border-right:1px solid #18364a;background:transparent;color:#7698ab;font-weight:900;font-size:10px;letter-spacing:.08em;cursor:pointer}.r220-dev-tabs button.active{color:#f3d36d;background:linear-gradient(180deg,#123454,#0a1d2f);box-shadow:inset 0 -2px #f0a62e}
.r220-dev-pane{display:none;min-height:0;overflow:auto;padding:14px 18px 16px}.r220-dev-pane.active{display:block}.r220-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.r220-section-head small{color:#64b8df;font-size:8px;letter-spacing:.12em}.r220-section-head h3{margin:3px 0 0;color:#f4f8fb;font-size:18px}.r220-frag-wallet{text-align:right;padding:7px 10px;border:1px solid #8d6c21;background:#211a08}.r220-frag-wallet span{display:block;color:#b6a066;font-size:7px}.r220-frag-wallet b{display:block;color:#ffd45f;font-size:18px}
.r220-star-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:8px 0 14px}.r220-star-node{min-height:128px;padding:11px 9px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #26485d;background:linear-gradient(180deg,#0c1f2d,#07131e);opacity:.72}.r220-star-node.done{opacity:1;border-color:#a47826;background:linear-gradient(180deg,#2b210b,#111708);box-shadow:inset 0 0 20px #d7961a10}.r220-star-node>strong{font-size:22px;color:#516b78}.r220-star-node.done>strong{color:#ffd455;text-shadow:0 0 6px #ff9b22}.r220-star-node span{align-self:center}.r220-star-node b{display:block;color:#e6f0f6;font-size:10px}.r220-star-node small{display:block;margin-top:5px;color:#7894a4;font-size:8px;line-height:1.3}.r220-star-node em{font-style:normal;font-size:7px;color:#637f8e}.r220-star-node.done em{color:#efc65d}
.r220-star-action{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #2a5c79;background:#091a27}.r220-star-action>div{min-width:0}.r220-star-action b{display:block;color:#ffe07d;font-size:12px}.r220-star-action small{display:block;margin-top:4px;color:#839fad;font-size:8px}.r220-star-action button,.r220-awakening-link{min-height:36px;padding:0 16px;border:1px solid #ba7621;background:linear-gradient(180deg,#995413,#48290c);color:#fff2be;font-weight:900;font-size:9px;letter-spacing:.05em;cursor:pointer}.r220-star-action button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.45)}
.r220-pane-note{margin:-2px 0 11px;color:#829dad;font-size:9px;line-height:1.4}.r220-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:8px}.r220-form{min-height:78px;padding:8px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;border:1px solid #26506a;background:linear-gradient(180deg,#0c2233,#071522);color:#dcebf4;cursor:pointer}.r220-form:hover:not(:disabled){border-color:#45a2d5}.r220-form.active{border-color:#f1a52e;background:linear-gradient(180deg,#2b260f,#0c1d28)}.r220-form:disabled{opacity:.45;cursor:not-allowed}.r220-form img{width:54px;height:62px;object-fit:contain;image-rendering:pixelated}.r220-form span{min-width:0}.r220-form b{display:block;font-size:11px}.r220-form small{display:block;margin-top:4px;color:#7799ad;font-size:8px}.r220-form em{font-style:normal;color:#6bd0ff;font-size:8px;font-weight:900}.r220-form.active em{color:#ffd45e}.r220-awakening-link{border-color:#2d83b5;background:linear-gradient(180deg,#14537a,#0a2c46);color:#dff6ff}
.r220-mastery-cap{padding:7px 12px;border:1px solid #335f78;color:#7ed9ff;background:#091b28}.r220-mastery-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.r220-mastery-node{min-height:105px;padding:10px 8px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #25475a;background:#081722;opacity:.58}.r220-mastery-node.done{opacity:1;border-color:#2f89b7;background:#0b2231}.r220-mastery-node>b{color:#68c9f2;font-size:17px}.r220-mastery-node>span{align-self:center;color:#dceaf2;font-size:9px}.r220-mastery-node>i{font-style:normal;color:#678395;font-size:7px}.r220-mastery-node.done>i{color:#ffd05b}
@media(max-width:980px), (max-height:650px){#infoModal.development-mode .modal.compact{width:98vw!important;height:95dvh!important}.r220-development-shell{grid-template-columns:205px minmax(0,1fr)}.r220-development-main{grid-template-rows:112px 36px minmax(0,1fr)}.r220-dev-hero{grid-template-columns:74px minmax(0,1fr) 155px;padding:9px 12px}.r220-dev-portrait{width:66px;height:84px}.r220-dev-portrait img{width:60px;height:76px}.r220-dev-copy h2{font-size:21px}.r220-star-summary span{font-size:22px}.r220-dev-pane{padding:10px 12px}.r220-star-node{min-height:105px;padding:8px 6px}.r220-star-node>strong{font-size:18px}.r220-mastery-track{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* R7.10.221 — each numeric evolution tells the player exactly which authored
   techniques belong to that evolution tier. This is informational only; the
   entitlement is still resolved by the evolution authority + level gate. */
.r220-form span i{display:block;margin-top:5px;color:#7699ae;font:700 8px/1.25 Arial,sans-serif;font-style:normal;white-space:normal}
.r220-form.active span i{color:#9ddcff}

/* R7.10.221 — Awakening skill entitlement is explicit in the quest surface. */
#huntModal .r221-awakening-skill-hint{display:block!important;margin-top:5px!important;padding:5px 7px!important;border-left:2px solid #46bdf2!important;background:rgba(12,62,91,.34)!important;color:#9edfff!important;font-size:8px!important;font-style:normal!important;font-weight:800!important;line-height:1.35!important;letter-spacing:.02em!important}
.r220-form span i{display:block;margin-top:4px;color:#9fc5da;font-size:9px;font-style:normal;line-height:1.3}
.r220-form.active span i{color:#b9eaff}

/* ===== R7.10.222 DEVELOPMENT SYSTEM POLISH ============================== */
.r220-development-shell{background:radial-gradient(circle at 72% 0%,rgba(34,103,150,.22),transparent 28%),radial-gradient(circle at 22% 18%,rgba(240,166,46,.08),transparent 22%),#06111b}
.r220-dev-hero{background:linear-gradient(90deg,#0a2033,#0d2740 52%,#091823);box-shadow:inset 0 -1px 0 rgba(98,188,233,.12)}
.r220-help{margin:10px 18px 0;border:1px solid #21465d;background:linear-gradient(180deg,#091724,#07131d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.r220-help-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.r220-help-head small{display:block;color:#7cc9ef;font-size:8px;letter-spacing:.14em}.r220-help-head h4{margin:3px 0 0;color:#f3f8fc;font-size:15px}.r220-help-toggle{width:32px;height:32px;border-radius:50%;border:1px solid #3b7da4;background:linear-gradient(180deg,#174b72,#0b2941);color:#dff4ff;font-weight:900;cursor:pointer;box-shadow:0 0 16px rgba(59,125,164,.16)}
.r220-help-body{padding:0 12px 12px}.r220-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.r220-help-grid article{padding:10px;border:1px solid #1b394d;background:linear-gradient(180deg,#0b1b28,#08131d)}.r220-help-grid b{display:block;color:#f0c96c;font-size:10px;margin-bottom:5px}.r220-help-grid p{margin:0;color:#9eb6c5;font-size:10px;line-height:1.45}
.r220-bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px;margin:8px 0 12px}.r220-bonus-pill{padding:10px 11px;border:1px solid #21485f;background:linear-gradient(180deg,#0c2130,#07131d)}.r220-bonus-pill span{display:block;color:#75bfe2;font-size:8px;letter-spacing:.08em}.r220-bonus-pill b{display:block;margin-top:5px;color:#f6fbff;font-size:12px}.r220-empty-box{padding:14px;border:1px dashed #2a5168;color:#87a4b5;font-size:10px;background:#08141d}
.r220-choice-section{margin:0 0 12px;padding:12px;border:1px solid #1f4258;background:linear-gradient(180deg,#091824,#07121b)}.r220-choice-section.locked{opacity:.74}.r220-choice-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.r220-choice-head small{display:block;color:#64bde4;font-size:8px;letter-spacing:.13em}.r220-choice-head h4{margin:3px 0 0;color:#f4f8fb;font-size:14px}.r220-choice-head b{color:#efc56a;font-size:10px}.r220-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.r220-choice-card{min-height:74px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:1px solid #25516a;background:linear-gradient(180deg,#0c2233,#071522);color:#deedf6;cursor:pointer}.r220-choice-card:hover:not(:disabled){border-color:#48a4d6}.r220-choice-card.active{border-color:#f0a62e;background:linear-gradient(180deg,#2b2410,#0c1c28);box-shadow:inset 0 0 14px rgba(240,166,46,.08)}.r220-choice-card span{min-width:0}.r220-choice-card b{display:block;font-size:11px}.r220-choice-card small{display:block;margin-top:5px;color:#88a9bc;font-size:9px;line-height:1.3}.r220-choice-card em{font-style:normal;font-size:8px;font-weight:900;color:#7fd4ff}.r220-choice-card.active em{color:#ffd56a}.r220-choice-card:disabled{opacity:.45;cursor:not-allowed}
.r220-progress{margin:0 0 12px;padding:12px;border:1px solid #214b61;background:linear-gradient(180deg,#091826,#08131c)}.r220-progress-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.r220-progress-top span{color:#8cb1c3;font-size:9px}.r220-progress-top b{color:#f4f8fb;font-size:11px}.r220-progress-track{height:10px;border:1px solid #1e4258;background:#07131d;overflow:hidden}.r220-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#1c6ca0,#6ed7ff)}
.r220-summary-box{margin-top:12px;padding:12px;border:1px solid #234b62;background:linear-gradient(180deg,#0b1a26,#09131b)}.r220-summary-box b{display:block;color:#f1cf72;font-size:10px;margin-bottom:7px}.r220-summary-box ul{margin:0;padding-left:18px;color:#dceaf2;font-size:10px;line-height:1.45}
.r220-mastery-track{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.r220-mastery-node span strong{display:block;color:#e7f2f8;font-size:10px}.r220-mastery-node span small{display:block;margin-top:4px;color:#84a2b4;font-size:8px;line-height:1.3}
@media(max-width:980px), (max-height:650px){.r220-help{margin:8px 12px 0}.r220-help-grid{grid-template-columns:1fr}.r220-choice-grid{grid-template-columns:1fr}.r220-bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ===== END R7.10.222 DEVELOPMENT SYSTEM POLISH ========================== */

/* ===== R7.10.223 DEVELOPMENT LAYOUT HARD FIX ===============================
   O guia de ajuda não participa do fluxo vertical. Ele é um popover ancorado
   no canto do painel; assim hero, abas e conteúdo mantêm exatamente 3 linhas.
   ========================================================================== */
.r220-development-main{
  position:relative!important;
  display:grid!important;
  grid-template-rows:132px 40px minmax(0,1fr)!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.r220-dev-hero{grid-row:1!important;min-height:0!important}
.r220-dev-tabs{grid-row:2!important;min-height:40px!important;position:relative;z-index:2}
.r220-dev-pane{grid-row:3!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain}
.r220-dev-pane.active{display:block!important}
.r220-star-summary{padding-right:44px!important}

.r220-help{
  position:absolute!important;
  z-index:30!important;
  top:12px!important;
  right:14px!important;
  width:auto!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none;
}
.r220-help-head{display:block!important;padding:0!important}
.r220-help-head>div{display:none!important}
.r220-help-toggle{
  pointer-events:auto;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid #3b7da4!important;
  background:linear-gradient(180deg,#174b72,#0b2941)!important;
  color:#e9f8ff!important;
  font:900 16px/1 Arial,sans-serif!important;
  box-shadow:0 0 0 2px rgba(4,17,27,.75),0 0 14px rgba(65,168,221,.16)!important;
  cursor:pointer!important;
}
.r220-help-toggle:hover{border-color:#70c9f2!important;background:linear-gradient(180deg,#1c5c88,#0d3552)!important}
.r220-help-body{
  pointer-events:auto;
  position:absolute!important;
  top:40px!important;
  right:0!important;
  width:min(560px,calc(100vw - 390px))!important;
  min-width:420px!important;
  max-height:min(430px,62dvh)!important;
  overflow:auto!important;
  padding:12px!important;
  border:1px solid #326b8d!important;
  background:linear-gradient(180deg,#0b1e2d,#07131d)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.r220-help-body[hidden]{display:none!important}
.r220-help-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.r220-help-grid article{min-width:0!important}

@media(max-width:980px),(max-height:650px){
  .r220-development-main{grid-template-rows:112px 36px minmax(0,1fr)!important}
  .r220-dev-tabs{min-height:36px!important}
  .r220-help{top:8px!important;right:10px!important}
  .r220-help-body{width:min(500px,calc(100vw - 270px))!important;min-width:340px!important;max-height:60dvh!important}
  .r220-help-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .r220-help-body{position:fixed!important;top:70px!important;right:12px!important;left:12px!important;width:auto!important;min-width:0!important;max-height:70dvh!important}
}
/* ===== END R7.10.223 DEVELOPMENT LAYOUT HARD FIX =========================== */

#infoModal.development-mode .modal-head{padding-right:84px!important}
#infoModal.development-mode #forgeHelpBtn:hover{border-color:#70c9f2!important;background:linear-gradient(180deg,#1c5c88,#0d3552)!important}
#infoModal.development-mode #forgeHelpBtn:active{transform:scale(.95)!important}
#infoModal.development-mode .modal-head>.x{right:8px!important;top:6px!important;width:29px!important;height:29px!important}
#infoModal.development-mode .r220-help{display:none!important}