/* Atlas — Intel panel (js/intel.js), shared by the region map (#mapSide) and the universe map (#intelSide).
   Font sizes are fractions of the page's 1em. */

.intelPanel .itTools { display: flex; flex-direction: column; gap: 6px; padding: 6px 10px 8px; }
.intelPanel .itPaste { display: flex; flex-direction: column; gap: 6px; }
.intelPanel .itText {
    width: 100%; min-height: 13em; resize: vertical; box-sizing: border-box;
    background-color: #0d0d0d; border: 1px solid var(--borderColor31, #313131); color: var(--textColor, #d2d2d2);
    font-family: inherit; font-size: 0.8571em; line-height: 1.5; padding: 8px 10px; outline: none;
}
.intelPanel .itText:focus { border-color: var(--themeColor, #d2d2d2); }
.intelPanel .itRow { display: flex; align-items: center; gap: 10px; }
.intelPanel .itHint { flex: 1 1 auto; color: var(--textColor2, #999); font-size: 0.7857em; }
.intelPanel .itGo {
    background: none; border: 1px solid var(--borderColor31, #313131); color: var(--textColor, #d2d2d2);
    font-family: inherit; font-size: 0.8571em; padding: 4px 14px; cursor: pointer;
}
.intelPanel .itGo:hover { color: #ffffff; }
.intelPanel .itPasted { display: flex; align-items: center; gap: 6px; color: var(--textColor2, #999); font-size: 0.8571em; }
.intelPanel .itPasted b { font-weight: normal; color: var(--themeColor, #d2d2d2); }
.intelPanel .itPasted > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.intelPanel .itPasted .sp { flex: 1 1 auto; }
.intelPanel .itPasted .fchip { white-space: nowrap; flex-shrink: 0; }
.intelPanel .itSwitch { display: flex; gap: 4px; }
.intelPanel .itBusy { padding: 2px 10px 6px; color: var(--textColor2, #999); font-size: 0.8571em; }
.intelPanel .itErr { padding: 2px 10px 6px; color: #ff8a70; font-size: 0.8571em; }
.intelPanel .itNote { padding: 6px 10px 8px; color: var(--textColor2, #999); font-size: 0.7857em; line-height: 1.6; }
.intelPanel .itBody { overflow-y: auto; min-height: 0; flex: 1 1 auto; padding-bottom: 6px; }
.intelPanel .itSec {
    display: flex; justify-content: space-between; padding: 10px 10px 4px;
    font-size: 0.7857em; letter-spacing: 1.5px; text-transform: uppercase; color: var(--textColor2, #999);
}
.intelPanel .itG {
    display: grid; grid-template-columns: 1.6em minmax(0, 1fr) auto; align-items: center; gap: 2px 9px;
    padding: 5px 10px; border-top: 1px solid #d2d2d20a;
}
.intelPanel .itG.click { cursor: pointer; }
.intelPanel .itG.click:hover { background-color: #d2d2d20c; }
.intelPanel .itG.on { background-color: #d2d2d20c; box-shadow: inset 3px 0 0 #d2d2d2; }      /* the selected row: left tick */
.intelPanel .itG .lg { width: 1.6em; height: 1.6em; background-color: #d2d2d208; }
.intelPanel .itG .nm { color: var(--themeColor, #d2d2d2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.intelPanel .itG .nm small { color: var(--textColor2, #999); margin-right: 6px; font-size: 0.8571em; }
.intelPanel .itG .n { color: var(--textColor, #d2d2d2); font-variant-numeric: tabular-nums; }
.intelPanel .itG .act { grid-column: 2 / 4; font-size: 0.7857em; color: #ff8a70; }
.intelPanel .itG .act.none { color: var(--textColor2, #999); }
.intelPanel .itG.sub { padding-left: 30px; grid-template-columns: 1.3em minmax(0, 1fr) auto; }
.intelPanel .itG.sub .lg { width: 1.3em; height: 1.3em; }
.intelPanel .itG.sub .nm { color: var(--textColor, #d2d2d2); font-size: 0.9286em; }
.intelPanel .itCls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 5px 10px; border-top: 1px solid #d2d2d20a; }
.intelPanel .itCls .cl { color: var(--themeColor, #d2d2d2); }
.intelPanel .itCls .ct { color: var(--textColor, #d2d2d2); text-align: right; font-variant-numeric: tabular-nums; }
.intelPanel .itCls .hulls { grid-column: 1 / 3; font-size: 0.7857em; color: var(--textColor2, #999); }
.intelPanel .itFoot {
    display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 10px;
    border-top: 1px solid var(--borderColor31, #313131); font-size: 0.7857em; color: var(--textColor2, #999);
}
.intelPanel .itFoot a { color: var(--textColor, #d2d2d2); text-decoration: none; white-space: nowrap; }
.intelPanel .itFoot a:hover { color: #ffffff; }
.intelPanel .fchip { font-family: inherit; }