/* Faixa inferior de comando: conversa legivel e formacao sempre visivel. */
@media (min-width: 1101px) {
  :root { --bi-bottom: 177px !important; }

  #nrmt-comms-center {
    bottom: 94px;
    height: 82px;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
  }

  #nrmt-comms-center[data-expanded="true"] {
    height: min(390px, 49vh);
    bottom: 94px;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-shell {
    background:
      radial-gradient(circle at 46% 0, rgba(65, 172, 191, .18), transparent 48%),
      linear-gradient(145deg, rgba(14, 29, 31, .99), rgba(3, 8, 10, .99));
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-compact {
    grid-template-columns: 88px minmax(0, 1fr) auto;
    gap: 9px;
    padding: 7px 10px;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-brand {
    display: grid;
    grid-template-columns: 27px 1fr;
    grid-template-rows: 1fr auto;
    gap: 0 5px;
    height: 64px;
    padding: 5px 6px;
    border-color: rgba(208, 161, 56, .78);
    background: linear-gradient(135deg, rgba(75, 48, 16, .94), rgba(10, 21, 23, .97));
    font: 700 11px/1 NinjaTitle, "Arial Narrow", sans-serif;
    letter-spacing: .06em;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-brand i {
    grid-row: 1 / 3;
    width: 25px;
    height: 25px;
    align-self: center;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-brand small {
    display: block;
    color: #81b9bc;
    font: 700 5px/1 NinjaUI, "Segoe UI", sans-serif;
    letter-spacing: .08em;
    white-space: nowrap;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-peek {
    display: grid;
    grid-template-rows: 14px minmax(0, 1fr);
    gap: 3px;
    align-self: stretch;
    min-width: 0;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-compact-label {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-peek-channel {
    min-width: 0;
    color: #70daed;
    font: 700 8px/1 NinjaUI, "Segoe UI", sans-serif;
    letter-spacing: .07em;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-compact-label small {
    color: #75918f;
    font: 700 6px/1 NinjaUI, "Segoe UI", sans-serif;
    letter-spacing: .055em;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed {
    display: grid;
    align-content: center;
    gap: 3px;
    min-width: 0;
    padding: 3px 7px;
    border: 1px solid rgba(65, 105, 104, .62);
    background: rgba(2, 9, 10, .66);
    cursor: pointer;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed:hover,
  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed:focus-visible {
    border-color: rgba(229, 186, 78, .78);
    outline: none;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed-row {
    display: grid;
    grid-template-columns: 28px auto minmax(0, 1fr);
    gap: 5px;
    align-items: center;
    min-width: 0;
    color: #b5c5c0;
    font-size: 8px;
    line-height: 1.2;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed-row i {
    color: #6fd4e3;
    font: 700 6px/1 NinjaUI, "Segoe UI", sans-serif;
    letter-spacing: .04em;
    font-style: normal;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed-row b {
    color: #edcc78;
    font-size: 8px;
    white-space: nowrap;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed-row > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed-row.is-empty {
    grid-template-columns: 38px minmax(0, 1fr);
    color: #809391;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed-row[data-kind="combat"] i { color: #f07b70; }
  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed-row[data-kind="loot"] i { color: #77dc9a; }
  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed-row[data-kind="broadcast"] i,
  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-feed-row[data-kind="notice"] i { color: #f3c75f; }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-compact-tools {
    display: grid;
    grid-template-columns: repeat(6, 31px);
    gap: 4px;
  }

  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-quick-channel,
  #nrmt-comms-center:not([data-expanded="true"]) .nrmt-comms-tool {
    width: 31px;
    min-width: 31px;
    height: 29px;
    padding: 0;
    font-size: 7px;
  }

  #nrmt-bi-actionbar {
    bottom: 3px !important;
    height: 88px;
    gap: 7px;
    padding: 5px 8px;
    border-color: rgba(80, 108, 105, .8);
    background:
      radial-gradient(circle at 50% 0, rgba(65, 153, 167, .14), transparent 58%),
      linear-gradient(180deg, #172426, #080f11);
    overflow: visible !important;
  }

  #nrmt-bi-actionbar .nrmt-bi-action-team {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    min-width: 0;
  }

  #nrmt-bi-actionbar .nrmt-bi-team-loadout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 39px 27px;
    gap: 3px;
    width: 100%;
    min-width: 0 !important;
    padding: 3px 5px;
    border-color: rgba(77, 113, 111, .82);
    background: linear-gradient(145deg, rgba(16, 33, 35, .96), rgba(4, 11, 13, .98));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .018), inset 0 -8px 13px rgba(0, 0, 0, .2);
  }

  #nrmt-bi-actionbar .nrmt-bi-team-loadout:hover {
    border-color: #e5bd52;
    background: linear-gradient(145deg, rgba(45, 39, 20, .96), rgba(4, 13, 15, .98));
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-ninja {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: 19px 16px;
    column-gap: 6px;
    min-width: 0;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-ninja > img {
    grid-row: 1 / 3;
    width: 37px;
    height: 37px;
    padding: 1px;
    border: 1px solid transparent;
    background:
      url('/assets/branding/shinobi-ornate-ui-v2/card-portrait-gold.png') center / 100% 100% no-repeat,
      radial-gradient(circle, rgba(54, 128, 138, .34), rgba(3, 8, 10, .94));
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-ninja > b {
    align-self: end;
    overflow: hidden;
    color: #ffdf82;
    font: 700 11px/1 NinjaTitle, "Arial Narrow", sans-serif;
    letter-spacing: .02em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-ninja > small {
    overflow: hidden;
    color: #a9c0bc;
    font: 700 6px/1 NinjaUI, "Segoe UI", sans-serif;
    letter-spacing: .025em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-slots {
    display: flex;
    align-items: center;
    gap: 3px;
    min-width: 0;
    padding-top: 2px;
    border-top: 1px solid rgba(63, 100, 98, .56);
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-slots::before {
    flex: 0 0 auto;
    color: #72cbd5;
    content: "JUTSUS";
    font: 700 5px/1 NinjaUI, "Segoe UI", sans-serif;
    letter-spacing: .045em;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-jutsu {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    border-color: rgba(94, 133, 130, .78);
    background: #060d0f;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-jutsu img { width: 22px; height: 22px; }
  #nrmt-bi-actionbar .nrmt-jutsu-next-label { display: none; }

}

@media (min-width: 1101px) and (max-width: 1320px) {
  #nrmt-bi-actionbar .nrmt-bi-loadout-slots::before { display: none; }
  #nrmt-bi-actionbar .nrmt-bi-loadout-jutsu { width: 26px; height: 26px; flex-basis: 26px; }
  #nrmt-bi-actionbar .nrmt-bi-loadout-jutsu img { width: 23px; height: 23px; }
}

/* Arquivo Shinobi: cada ninja recebe retrato, dados e jutsus em areas separadas. */
@media (min-width: 1101px) {
  #nrmt-bi-actionbar {
    bottom: 7px !important;
    height: 84px;
    overflow: visible !important;
  }

  #nrmt-bi-actionbar .nrmt-bi-team-loadout {
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(100px, .82fr) minmax(128px, 1.18fr);
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    gap: 9px;
    box-sizing: border-box;
    height: 100%;
    padding: 7px 10px;
    overflow: visible;
    border: 1px solid transparent !important;
    border-image-source: var(--nrmt-archive-button-frame, url('/assets/branding/shinobi-archive-ui-v3/button-frame.png?v=1')) !important;
    border-image-slice: 56 188 !important;
    border-image-width: 8px 13px !important;
    border-image-repeat: stretch !important;
    background:
      radial-gradient(circle at 18% 50%, color-mix(in srgb, var(--nrmt-character-rarity, #7f898c) 24%, transparent), transparent 48%),
      linear-gradient(105deg, color-mix(in srgb, var(--nrmt-character-rarity, #7f898c) 10%, rgba(16, 30, 32, .98)), rgba(3, 9, 11, .995) 62%) !important;
  }

  #nrmt-bi-actionbar .nrmt-bi-team-loadout::before,
  #nrmt-bi-actionbar .nrmt-bi-team-loadout::after {
    display: none !important;
  }

  #nrmt-bi-actionbar .nrmt-bi-team-loadout:hover {
    filter: brightness(1.08) saturate(1.06);
    transform: none;
  }

  #nrmt-bi-actionbar .nrmt-bi-team-loadout.is-empty {
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-ninja {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    width: auto;
    min-width: 0;
    height: 100%;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-portrait {
    position: relative;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    width: 48px;
    height: 58px;
    padding: 6px 5px 7px;
    overflow: hidden;
    border: 1px solid transparent;
    border-image-source: var(--nrmt-archive-portrait-frame, url('/assets/branding/shinobi-archive-ui-v3/portrait-frame.png?v=1'));
    border-image-slice: 112 106;
    border-image-width: 9px;
    border-image-repeat: stretch;
    background: radial-gradient(circle at 50% 43%, rgba(58, 139, 153, .3), rgba(3, 8, 10, .98) 72%);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .82);
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-portrait::before {
    display: none;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-portrait > img {
    position: relative;
    z-index: 1;
    display: block;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    inset: auto !important;
    transform: none !important;
    border: 0;
    background: none;
    object-fit: contain !important;
    object-position: 50% 50% !important;
    image-rendering: pixelated !important;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .72));
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-copy {
    display: grid;
    align-content: center;
    gap: 5px;
    min-width: 0;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-copy > b {
    overflow: hidden;
    color: #ffe08a;
    font: 700 13px/1 NinjaTitle, "Arial Narrow", sans-serif;
    letter-spacing: .025em;
    text-overflow: ellipsis;
    text-shadow: 0 1px #000, 0 0 8px rgba(233, 185, 77, .22);
    white-space: nowrap;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-copy > small {
    overflow: visible;
    color: #a9c1bd;
    font: 700 7px/1.3 NinjaUI, "Segoe UI", sans-serif;
    letter-spacing: .03em;
    white-space: normal;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-techniques {
    display: grid;
    grid-template-rows: 10px 39px;
    align-content: center;
    gap: 3px;
    min-width: 0;
    padding-left: 9px;
    overflow: hidden;
    border-left: 1px solid rgba(75, 119, 117, .5);
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-techniques > small {
    overflow: hidden;
    color: #75d4df;
    font: 700 7px/1 NinjaUI, "Segoe UI", sans-serif;
    letter-spacing: .07em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-slots {
    display: grid;
    grid-template-columns: repeat(4, minmax(28px, 34px));
    align-items: center;
    gap: 4px;
    min-width: 0;
    padding: 0;
    border: 0;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-slots::before {
    display: none;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-jutsu {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-width: 0;
    max-width: 34px;
    aspect-ratio: 1 / 1;
    flex: none;
    border-color: rgba(94, 133, 130, .78) !important;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-jutsu img {
    width: calc(100% - 3px);
    height: calc(100% - 3px);
  }

  #nrmt-bi-actionbar .nrmt-jutsu-next-label { display: none; }
}

@media (min-width: 1101px) and (max-width: 1400px) {
  #nrmt-bi-actionbar .nrmt-bi-team-loadout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 30px 33px;
    gap: 3px;
    padding: 5px 7px;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-ninja {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 5px;
    height: 30px;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-portrait {
    width: 32px;
    height: 32px;
    padding: 4px;
    border-image-width: 6px;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-copy { gap: 2px; }
  #nrmt-bi-actionbar .nrmt-bi-loadout-copy > b { font-size: 10px; }
  #nrmt-bi-actionbar .nrmt-bi-loadout-copy > small { font-size: 5px; }

  #nrmt-bi-actionbar .nrmt-bi-loadout-techniques {
    display: block;
    padding: 2px 0 0;
    border-top: 1px solid rgba(75, 119, 117, .5);
    border-left: 0;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-techniques > small,
  #nrmt-bi-actionbar .nrmt-jutsu-next-label {
    display: none;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-slots {
    grid-template-columns: repeat(4, 28px);
    gap: 3px;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-jutsu {
    width: 28px;
    height: 28px;
    min-width: 28px;
    max-width: 28px;
  }

  #nrmt-bi-actionbar .nrmt-bi-loadout-jutsu img {
    width: 25px;
    height: 25px;
  }
}