/* ============================================================
   AMERICAN TECH SECTOR
   Product 02
   AQUILA
   ============================================================ */

#american-tech-sector {
    box-sizing: border-box;
    margin-top: 28px;
    margin-bottom: 28px;
    color: #edf4f6;
}

#american-tech-sector * {
    box-sizing: border-box;
}

#american-tech-sector .at-product {
    display: grid;
    grid-template-columns: minmax(330px, 31%) minmax(0, 69%);
    width: 100%;
    border: 1px solid #173b45;
    background: #02090c;
    overflow: hidden;
}

#american-tech-sector .at-sidebar {
    display: flex;
    flex-direction: column;
    min-width: 0;
    border-right: 1px solid #173b45;
    padding: 18px;
    background: #020b0e;
}

#american-tech-sector .at-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

#american-tech-sector .at-number {
    color: #8cff00;
    font-size: 24px;
    font-weight: 900;
}

#american-tech-sector .at-title {
    margin: 0;
    font-size: 25px;
    line-height: 1;
    color: #f6fbfc;
}

#american-tech-sector .at-engine {
    margin: 8px 0 0 39px;
    color: #8cff00;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .035em;
}

#american-tech-sector .at-description {
    margin: 17px 0 16px 0;
    color: #a9bbc4;
    font-size: 14px;
    line-height: 1.55;
}

#american-tech-sector .at-type {
    align-self: flex-start;
    border: 1px solid #20505c;
    padding: 6px 10px;
    color: #00e5ff;
    font-size: 10px;
    font-weight: 900;
    margin-bottom: 14px;
}

#american-tech-sector .at-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-bottom: 15px;
}

#american-tech-sector .at-stat {
    min-height: 74px;
    border: 1px solid #173b45;
    padding: 11px 12px;
}

#american-tech-sector .at-stat-number {
    color: #f2f7f8;
    font-size: 23px;
    font-weight: 900;
}

#american-tech-sector .at-stat-label {
    margin-top: 7px;
    color: #75909b;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
}

#american-tech-sector .at-delivery {
    border: 1px solid #173b45;
    margin-bottom: 10px;
}

#american-tech-sector .at-delivery-top {
    padding: 14px;
    border-bottom: 1px solid #173b45;
    text-align: left;
}

#american-tech-sector .at-delivery-title {
    color: #00e5ff;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
}

#american-tech-sector .at-delivery-copy {
    margin-top: 6px;
    color: #edf4f6;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

@media (max-width: 760px) {
    #american-tech-sector .at-delivery-title {
        font-size: 12px !important;
    }

    #american-tech-sector .at-delivery-copy {
        font-size: 9px !important;
    }
}

#american-tech-sector .at-broker-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: end;
    padding: 12px 14px;
}

#american-tech-sector .at-broker-label {
    color: #ffffff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
}

#american-tech-sector .at-broker {
    margin-top: 7px;
    color: #8cff00;
    font-size: 18px;
    font-weight: 900;
}

#american-tech-sector .at-open-broker {
    border: 1px solid #8cff00;
    background: transparent;
    color: #8cff00;
    padding: 10px 15px;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
}

#american-tech-sector .at-buy {
    width: 100%;
    min-height: 52px;
    border: 0;
    background: #8cff00;
    color: #001000;
    font-size: 16px;
    font-weight: 950;
    cursor: pointer;
    margin-bottom: 14px;
}

#american-tech-sector .at-side-section {
    display: grid;
    grid-template-columns: 125px 1fr;
    align-items: center;
    gap: 15px;
    border-top: 1px solid #173b45;
    padding: 16px 0;
}

#american-tech-sector .at-side-label {
    color: #f5fafb;
    font-size: 11px;
    font-weight: 900;
}

#american-tech-sector .at-side-copy {
    color: #a9bbc4;
    font-size: 12px;
    line-height: 1.5;
}

#american-tech-sector .at-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

#american-tech-sector .at-chip {
    border: 1px solid #23505b;
    text-align: center;
    color: #eef5f6;
    padding: 7px 4px;
    font-size: 8px;
    font-weight: 900;
}

#american-tech-sector .at-performance {
    margin-top: auto;
}


/* ============================================================
   RIGHT SIDE
   ============================================================ */

#american-tech-sector .at-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #01080b;
}

#american-tech-sector .at-feed-head {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 16px;
    padding: 16px 18px 10px 18px;
    align-items: start;
}

#american-tech-sector .at-brand {
    color: #00e5ff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .06em;
}

#american-tech-sector .at-feed-title {
    margin-top: 5px;
    color: #8cff00;
    font-size: 18px;
    font-weight: 950;
}

#american-tech-sector .at-market-status {
    text-align: right;
    font-size: 9px;
    font-weight: 900;
    line-height: 1.7;
}

#american-tech-sector .at-market-open {
    color: #8cff00;
}

#american-tech-sector .at-market-closed {
    color: #ff3154;
}

#american-tech-sector .at-controls {
    display: grid;
    grid-template-columns: auto auto auto 1fr minmax(180px, 250px) auto;
    gap: 8px;
    align-items: center;
    padding: 0 18px 10px 18px;
}

#american-tech-sector .at-control {
    border: 1px solid #24505d;
    background: #020b0f;
    color: #f4f9fa;
    min-height: 35px;
    padding: 0 13px;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
}

#american-tech-sector .at-control.active {
    border-color: #00e5ff;
    color: #00e5ff;
}

#american-tech-sector .at-change-label {
    text-align: right;
    color: #00e5ff;
    font-size: 8px;
    font-weight: 900;
}

#american-tech-sector .at-select {
    min-height: 35px;
    min-width: 0;
    border: 1px solid #24505d;
    background: #020b0f;
    color: #ffffff;
    padding: 0 10px;
    font-size: 10px;
}

#american-tech-sector .at-updated {
    white-space: nowrap;
    color: #ffffff;
    font-size: 9px;
    font-weight: 900;
}

#american-tech-sector .at-pulse {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 27px;
    padding: 0 18px;
    border-top: 1px solid #173b45;
    border-bottom: 1px solid #173b45;
    overflow: hidden;
    white-space: nowrap;
    color: #8199a2;
    font-size: 8px;
    font-weight: 800;
}

#american-tech-sector .at-pulse strong {
    color: #00e5ff;
}

#american-tech-sector .at-pulse-up {
    color: #8cff00;
}

#american-tech-sector .at-pulse-down {
    color: #ff3154;
}

#american-tech-sector .at-chart-wrap {
    min-height: 285px;
    position: relative;
    border-bottom: 1px solid #173b45;
    overflow: hidden;
}

#american-tech-sector .at-chart-label {
    position: absolute;
    z-index: 3;
    top: 10px;
    left: 14px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

#american-tech-sector .at-chart {
    display: block;
    width: 100%;
    height: 285px;
}

#american-tech-sector .at-intel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px 7px 14px;
}

#american-tech-sector .at-intel-small {
    color: #00e5ff;
    font-size: 8px;
    font-weight: 900;
}

#american-tech-sector .at-selected-name {
    margin-top: 4px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
}

#american-tech-sector .at-source {
    color: #8cff00;
    font-size: 8px;
    font-weight: 900;
}

#american-tech-sector .at-intel-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr .8fr .8fr .8fr;
    border-top: 1px solid #173b45;
    border-bottom: 1px solid #173b45;
}

#american-tech-sector .at-intel-cell {
    min-width: 0;
    padding: 9px 10px;
    border-right: 1px solid #173b45;
}

#american-tech-sector .at-intel-cell:last-child {
    border-right: 0;
}

#american-tech-sector .at-intel-label {
    color: #00e5ff;
    font-size: 7px;
    font-weight: 900;
}

#american-tech-sector .at-intel-value {
    margin-top: 7px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#american-tech-sector .is-up {
    color: #8cff00 !important;
}

#american-tech-sector .is-down {
    color: #ff3154 !important;
}

#american-tech-sector .is-flat {
    color: #ffffff !important;
}


/* ============================================================
   16 CARD LIVE FEED
   ============================================================ */

#american-tech-sector .at-business-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 31px;
    padding: 0 14px;
    border-bottom: 1px solid #173b45;
}

#american-tech-sector .at-business-title {
    color: #ffffff;
    font-size: 10px;
    font-weight: 950;
}

#american-tech-sector .at-business-help {
    color: #718a94;
    font-size: 7px;
}

#american-tech-sector .at-cards {font-size:11px !important;

    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(103px, 1fr));
    width: 100%;
    min-height: 412px;
    margin: 0;
    padding: 0;
}

#american-tech-sector .at-card {
font-size:11px !important;
    appearance: none;
    min-width: 0;
    border: 0;
    border-right: 1px solid #173b45;
    border-bottom: 1px solid #173b45;
    background: #01080b;
    color: #ffffff;
    padding: 10px;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
}

#american-tech-sector .at-card:nth-child(5n) {
font-size:11px !important;
    border-right: 0;
}

#american-tech-sector .at-card:nth-child(n+16) {
font-size:11px !important;
    border-bottom: 0;
}

#american-tech-sector .at-card:hover,
#american-tech-sector .at-card.active {
font-size:11px !important;
    outline: 1px solid #00e5ff;
    outline-offset: -1px;
}

#american-tech-sector .at-card-top {font-size:11px !important;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
}

#american-tech-sector .at-card-num {
    color: #00e5ff;
    font-size:14px !important;
    font-weight: 950;
}

#american-tech-sector .at-card-name {
    min-width: 0;
    color: #ffffff;
    font-size:15px !important;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#american-tech-sector .at-card-group {
    color: #718a94;
    font-size:11px !important;
    font-weight: 900;
    text-transform: uppercase;
}

#american-tech-sector .at-card-metrics {font-size:11px !important;

    display: grid;
    grid-template-columns: 1.1fr .9fr .7fr .7fr .7fr;
    gap: 4px;
    margin-top: 11px;
}

#american-tech-sector .at-card-label {
    color: #708993;
    font-size:10px !important;
    font-weight: 900;

min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
white-space:nowrap !important;
font-size:9px !important;}

#american-tech-sector .at-card-value {
    display: block;
    margin-top: 5px;
    
    color: #ffffff;
    font-size:13px !important;
    font-weight: 900;
    
    
    text-



text-


text-
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:clip !important;
white-space:nowrap !important;
font-size:12px !important;}

#american-tech-sector .at-market-cap {
    color: #00e5ff;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {

    #american-tech-sector {
        width: calc(100vw - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #american-tech-sector .at-product {
        grid-template-columns: 1fr;
    }

    #american-tech-sector .at-sidebar {
        border-right: 0;
        border-bottom: 1px solid #173b45;
    }

    #american-tech-sector .at-controls {
        grid-template-columns: repeat(3, 1fr);
    }

    #american-tech-sector .at-change-label {
        text-align: left;
    }

    #american-tech-sector .at-select {
        grid-column: span 2;
    }

    #american-tech-sector .at-intel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #american-tech-sector .at-cards {font-size:11px !important;

        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(10, minmax(103px, 1fr));
    }

    #american-tech-sector .at-card:nth-child(5n) {
font-size:11px !important;
        border-right: 1px solid #173b45;
    }

    #american-tech-sector .at-card:nth-child(2n) {
font-size:11px !important;
        border-right: 0;
    }

    #american-tech-sector .at-card:nth-child(n+16) {
font-size:11px !important;
        border-bottom: 1px solid #173b45;
    }

    #american-tech-sector .at-card:nth-child(n+19) {
font-size:11px !important;
        border-bottom: 0;
    }
}





/* AT_LEFT_PANEL_BALANCE_START */

/* ============================================================
   AMERICAN TECH LEFT PANEL — FINAL
   ============================================================ */


/* Keep panel tight to its actual content */

#american-tech-sector .at-sidebar {
    padding-bottom:0 !important;
}


/* ============================================================
   LONGER DEFINITION
   ============================================================ */

#american-tech-sector .at-description {

    width:100% !important;
    max-width:100% !important;

    margin-top:13px !important;
    margin-bottom:14px !important;

    color:#a9bbc4 !important;

    line-height:1.45 !important;

    box-sizing:border-box !important;
}


/* ============================================================
   SWAPPING SECTOR
   STRETCH THE BOX ALL THE WAY TO THE RIGHT WALL
   ============================================================ */

#american-tech-sector .at-type {

    display:flex !important;

    align-items:center !important;
    justify-content:flex-start !important;

    align-self:stretch !important;

    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;

    min-height:34px !important;

    margin-left:0 !important;
    margin-right:0 !important;
    margin-bottom:14px !important;

    padding:
        6px 10px !important;

    border:
        1px solid #20505c !important;

    box-sizing:border-box !important;
}


/* ============================================================
   LEFT INFORMATION ROWS
   ============================================================ */

#american-tech-sector .at-side-section {

    display:grid !important;

    grid-template-columns:
        125px minmax(0,1fr) !important;

    align-items:center !important;

    column-gap:15px !important;

    width:100% !important;

    margin:0 !important;

    padding-top:14px !important;
    padding-bottom:14px !important;

    box-sizing:border-box !important;
}


#american-tech-sector .at-side-label {

    width:125px !important;

    margin:0 !important;

    align-self:center !important;
}


#american-tech-sector .at-side-copy {

    min-width:0 !important;

    margin:0 !important;

    line-height:1.45 !important;

    align-self:center !important;
}


#american-tech-sector .at-groups {

    width:100% !important;

    margin:0 !important;

    align-self:center !important;
}


/* ============================================================
   PERFORMANCE
   REMOVE THE AUTO SPACER THAT WAS HOLDING IT AT THE BOTTOM.
   THIS LIFTS THE PERFORMANCE BAR DIRECTLY UNDER THE SECTION
   ABOVE IT.
   ============================================================ */

#american-tech-sector .at-performance {

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding-top:12px !important;
    padding-bottom:5px !important;

    border-bottom:0 !important;

    align-items:center !important;
}


#american-tech-sector .at-performance .at-side-label,
#american-tech-sector .at-performance .at-side-copy {

    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


/* AT_LEFT_PANEL_BALANCE_END */



/* Clean business-feed geometry: desktop 4x4, phone 8x2. */
#american-tech-sector .at-cards,#american-tech-business-grid{font-size:11px !important;
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;width:100%!important}
#american-tech-sector .at-card-metrics{font-size:11px !important;
display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:auto auto!important;gap:0!important}
#american-tech-sector .at-card-metrics>div:nth-child(1){font-size:11px !important;
grid-column:1/4;grid-row:1}#american-tech-sector .at-card-metrics>div:nth-child(2){font-size:11px !important;
grid-column:4/7;grid-row:1}#american-tech-sector .at-card-metrics>div:nth-child(4){font-size:11px !important;
grid-column:1/3;grid-row:2}#american-tech-sector .at-card-metrics>div:nth-child(5){font-size:11px !important;
grid-column:3/5;grid-row:2}#american-tech-sector .at-card-metrics>div:nth-child(3){font-size:11px !important;
grid-column:5/7;grid-row:2}
#american-tech-sector .at-card{
font-size:11px !important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
#american-tech-sector .at-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#7f929d;font-size:10px;letter-spacing:.08em}
@media(max-width:760px){#american-tech-sector .at-product{width:100%!important;max-width:100%!important}#american-tech-sector .at-main{min-width:0!important}#american-tech-sector .at-cards,#american-tech-business-grid{font-size:11px !important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto)!important;grid-auto-flow:row!important;gap:1px!important}#american-tech-sector .at-card{padding:3px 2px!important;min-width:0!important;font-size:11px !important;}#american-tech-sector .at-card-top{font-size:11px !important;
gap:1px!important}#american-tech-sector .at-card-name,#american-tech-sector .at-card-group,#american-tech-sector .at-card-label,#american-tech-sector .at-card-value{font-size:13px !important;line-height:1.03!important;text-


text-


text-

max-width:100% !important;
overflow:hidden !important;
text-overflow:clip !important;
white-space:nowrap !important;
font-size:12px !important;
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
white-space:nowrap !important;
font-size:9px !important;}#american-tech-sector .at-card-num{font-size:14px !important;}#american-tech-sector .at-card-metrics{font-size:11px !important;
gap:0!important}#american-tech-sector .at-card-metrics>div{font-size:11px !important;
padding:1px!important;min-width:0!important}#american-tech-sector .at-chart-wrap{min-height:245px!important}}

/* AT_CAPITAL_GRAPH_STYLE_BEGIN */

/*
   American Tech now uses the same chart proportions
   and visual frame as Capital Flow.
*/

#american-tech-sector .at-chart-wrap {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: 315px !important;
    min-height: 315px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #02090d !important;

    border-top:
        1px solid #173b45 !important;

    border-bottom:
        1px solid #173b45 !important;

    box-sizing:
        border-box !important;
}


#american-tech-sector .at-chart {
    display: block !important;

    width: 100% !important;

    height: 315px !important;
    min-height: 315px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #02090d !important;

    overflow: hidden !important;
}


#american-tech-sector .at-chart svg,
#american-tech-sector .at-capital-style-chart {
    display: block !important;

    width: 100% !important;

    height: 315px !important;

    margin: 0 !important;
    padding: 0 !important;
}


#american-tech-sector .at-chart-label {
    position: absolute !important;

    z-index: 5 !important;

    top: 3px !important;
    left: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 10px !important;
    line-height: 1 !important;

    font-weight: 900 !important;

    text-transform: uppercase !important;

    pointer-events: none !important;
}


/* Phone keeps same visual graph, just shorter. */

@media(max-width:760px){

    #american-tech-sector .at-chart-wrap,
    #american-tech-sector .at-chart,
    #american-tech-sector .at-chart svg,
    #american-tech-sector .at-capital-style-chart {

        height: 245px !important;
        min-height: 245px !important;
    }
}

/* AT_CAPITAL_GRAPH_STYLE_END */



/* AT_GRAPH_PERCENT_FINAL_BEGIN */


/*
   GRAPH META — CAPITAL STYLE
   COMPANY TITLE
   + / - LIVE GRAPH PERCENTAGE BELOW
*/

#american-tech-sector .at-chart-label {
    position:absolute !important;

    z-index:20 !important;

    top:8px !important;
    left:8px !important;

    display:block !important;

    margin:0 !important;
    padding:0 !important;

    pointer-events:none !important;

    line-height:1 !important;
}


#american-tech-sector .at-chart-title {
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    color:#ffffff !important;

    font-size:11px !important;
    line-height:1 !important;

    font-weight:900 !important;

    text-transform:uppercase !important;

    white-space:nowrap !important;
}


#american-tech-sector .at-chart-percent {
    display:block !important;

    margin-top:6px !important;
    padding:0 !important;

    color:#8cff00 !important;

    font-size:10px !important;
    line-height:1 !important;

    font-weight:900 !important;

    white-space:nowrap !important;
}


#american-tech-sector .at-chart-percent.down {
    color:#ff3154 !important;
}


/* AT_GRAPH_PERCENT_FINAL_END */

/* AT_GRAPH_DOWN_PERCENT_BEGIN */


/* ==========================================================
   GRAPH AREA
   ========================================================== */

#american-tech-sector .at-chart-wrap {

    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    height:
        315px !important;

    min-height:
        315px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    background:
        #02090d !important;

    border-bottom:
        1px solid #173b45 !important;

    box-sizing:
        border-box !important;
}


#american-tech-sector .at-chart {

    display:
        block !important;

    width:
        100% !important;

    height:
        315px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        #02090d !important;
}


#american-tech-sector .at-chart svg {

    display:
        block !important;

    width:
        100% !important;

    height:
        315px !important;
}


/* ==========================================================
   COMPANY TITLE + PERCENTAGE
   ========================================================== */

#american-tech-sector .at-chart-label {

    position:
        absolute !important;

    z-index:
        20 !important;

    top:
        10px !important;

    left:
        14px !important;

    display:
        block !important;

    margin:
        0 !important;

    padding:
        0 !important;

    pointer-events:
        none !important;

    line-height:
        1 !important;
}


#american-tech-sector .at-chart-title {

    display:
        block !important;

    color:
        #ffffff !important;

    font-size:
        11px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;
}


#american-tech-sector .at-chart-percent {

    display:
        block !important;

    margin-top:
        7px !important;

    font-size:
        10px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    white-space:
        nowrap !important;
}


#american-tech-sector .at-chart-percent.up {

    color:
        #8cff00 !important;
}


#american-tech-sector .at-chart-percent.down {

    color:
        #ff3154 !important;
}


/*
   The SVG graph itself now reserves its first
   58 pixels, so neither the line nor candles
   can sit behind this title area.
*/


@media(max-width:760px){

    #american-tech-sector .at-chart-wrap,
    #american-tech-sector .at-chart {

        height:
            270px !important;

        min-height:
            270px !important;
    }


    #american-tech-sector .at-chart svg {

        height:
            270px !important;
    }

}


/* AT_GRAPH_DOWN_PERCENT_END */

/* AT_CAPITAL_MOBILE_COPY_BEGIN */


/* ==========================================================
   AMERICAN TECH CELLPHONE BOTTOM FEED

   DIRECT COPY OF CAPITAL FLOW'S MOBILE GRID MECHANISM

   CAPITAL:
       2 COLUMNS x 10 ROWS

   AMERICAN TECH:
       2 COLUMNS x 8 ROWS
   ========================================================== */

@media(max-width:900px) {


    /*
       EXACT CAPITAL FLOW MECHANISM:

       .cf-master-business-grid {
           grid-template-columns:
               repeat(2,minmax(0,1fr)) !important;

           grid-template-rows:
               repeat(10,minmax(78px,1fr)) !important;
       }

       Adapted only for 16 American Tech cards.
    */

    #american-tech-business-grid {

        display:
            grid !important;

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;

        grid-template-rows:
            repeat(
                8,
                minmax(78px,1fr)
            ) !important;

        grid-auto-flow:
            column !important;

        grid-auto-columns:
            unset !important;

        grid-auto-rows:
            unset !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        gap:
            0 !important;

        overflow:
            visible !important;

        align-items:
            stretch !important;

        box-sizing:
            border-box !important;
    }


    /*
       Same Capital behavior:
       every card obeys its grid cell.
    */

    #american-tech-business-grid
    > .at-card {
font-size:11px !important;

        display:
            block !important;

        position:
            relative !important;

        float:
            none !important;

        clear:
            none !important;

        flex:
            none !important;

        grid-column:
            auto !important;

        grid-row:
            auto !important;

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            auto !important;

        min-height:
            78px !important;

        max-height:
            none !important;

        margin:
            0 !important;

        overflow:
            hidden !important;

        box-sizing:
            border-box !important;

        align-self:
            stretch !important;
    }


    /*
       COPY CAPITAL DIVIDER RESET:

       Capital restores the former 4-column divider,
       then removes the divider from every 2nd card.
    */

    #american-tech-business-grid
    > .at-card:nth-child(4n) {
font-size:11px !important;

        border-right:
            1px solid
            rgba(0,229,255,.28) !important;
    }


    #american-tech-business-grid
    > .at-card:nth-child(2n) {
font-size:11px !important;

        border-right:
            none !important;
    }


    /*
       Every card gets the horizontal row divider.
    */

    #american-tech-business-grid
    > .at-card {
font-size:11px !important;

        border-bottom:
            1px solid
            rgba(0,229,255,.28) !important;
    }


    /*
       Final two cards are row 8.
    */

    #american-tech-business-grid
    > .at-card:nth-child(15),

    #american-tech-business-grid
    > .at-card:nth-child(16) {
font-size:11px !important;

        border-bottom:
            none !important;
    }


    /*
       16 cards only.
    */

    #american-tech-business-grid
    > .at-card:nth-child(n+17) {
font-size:11px !important;

        display:
            none !important;
    }


    /*
       REMOVE ANY WIDTH THAT PREVENTS CAPITAL-STYLE COLLAPSE.
    */

    #american-tech-business-grid
    > .at-card,

    #american-tech-business-grid
    > .at-card * {
font-size:11px !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        box-sizing:
            border-box !important;
    }


    /*
       Because this is TWO ACROSS instead of EIGHT ACROSS,
       keep the business-card text readable and enlarged.
    */

    #american-tech-sector .at-card-num {

        font-size:14px !important;

        line-height:
            1.05 !important;
    }


    #american-tech-sector .at-card-name {

        font-size:15px !important;

        line-height:
            1.08 !important;

        white-space:
            nowrap !important;

        overflow:
            hidden !important;

        text-overflow:
            ellipsis !important;
    }


    #american-tech-sector .at-card-group {

        font-size:11px !important;

        line-height:
            1 !important;
    }


    #american-tech-sector .at-card-label {

        font-size:10px !important;

        line-height:
            1 !important;
    
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
white-space:nowrap !important;
font-size:9px !important;}


    #american-tech-sector .at-card-value {

        font-size:13px !important;

        line-height:
            1.05 !important;
    


text-


text-
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:clip !important;
white-space:nowrap !important;
font-size:12px !important;}

}


/* AT_CAPITAL_MOBILE_COPY_END */

/* AT_PHONE_HARD_VERTICAL_FINAL_BEGIN */

@media screen and (max-width:900px) {

    /* ======================================================
       BUSINESS FEED HEADER

       Keep:
       16 DISPLAYED / 31 STOCK POOL
       ON ONE LINE
       ====================================================== */

    #american-tech-sector .at-business-head {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 !important;

        box-sizing:border-box !important;
    }

    #american-tech-sector .at-business-title {
        display:block !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;

        white-space:nowrap !important;

        font-size:
            clamp(7px,2.15vw,11px) !important;

        line-height:1 !important;

        overflow:visible !important;
    }

    #american-tech-sector .at-business-help {
        flex:0 1 auto !important;

        margin-left:8px !important;

        white-space:nowrap !important;

        font-size:
            clamp(4px,1.2vw,7px) !important;
    }


    /* ======================================================
       FULL-WIDTH CELLPHONE GRID

       01 | 09
       02 | 10
       03 | 11
       04 | 12
       05 | 13
       06 | 14
       07 | 15
       08 | 16
       ====================================================== */

    #american-tech-business-grid {

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr) !important;

        grid-template-rows:
            repeat(8,minmax(78px,auto)) !important;

        grid-auto-flow:unset !important;

        position:relative !important;

        left:0 !important;
        right:0 !important;

        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:0 !important;
        padding-right:0 !important;

        gap:0 !important;

        justify-content:stretch !important;
        justify-items:stretch !important;

        align-items:stretch !important;

        overflow:visible !important;

        box-sizing:border-box !important;
    }


    /* EVERY CARD FILLS ITS ENTIRE HALF */

    #american-tech-business-grid > .at-card {
font-size:11px !important;

        display:block !important;

        position:relative !important;

        float:none !important;
        clear:none !important;

        flex:none !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;
        min-height:78px !important;

        margin:0 !important;

        box-sizing:border-box !important;

        justify-self:stretch !important;
        align-self:stretch !important;

        transform:none !important;

        overflow:hidden !important;

        border-right:0 !important;

        border-bottom:
            1px solid rgba(0,229,255,.28) !important;
    }


    /* ======================================================
       LEFT COLUMN 01-08
       ====================================================== */

    #american-tech-business-grid > .at-card:nth-child(1) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:1 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(2) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:2 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(3) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:3 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(4) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:4 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(5) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:5 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(6) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:6 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(7) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:7 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(8) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:8 !important;
    }


    /* ======================================================
       RIGHT COLUMN 09-16
       ====================================================== */

    #american-tech-business-grid > .at-card:nth-child(9) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:1 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(10) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:2 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(11) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:3 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(12) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:4 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(13) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:5 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(14) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:6 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(15) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:7 !important;
    }

    #american-tech-business-grid > .at-card:nth-child(16) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:8 !important;
    }


    /* CENTER VERTICAL LINE */

    #american-tech-business-grid > .at-card:nth-child(-n+8) {
font-size:11px !important;

        border-right:
            1px solid rgba(0,229,255,.28) !important;
    }


    /* REMOVE FINAL BOTTOM LINE */

    #american-tech-business-grid > .at-card:nth-child(8),
    #american-tech-business-grid > .at-card:nth-child(16) {
font-size:11px !important;

        border-bottom:0 !important;
    }


    #american-tech-business-grid > .at-card:nth-child(n+17) {
font-size:11px !important;
        display:none !important;
    }


    #american-tech-business-grid > .at-card * {
font-size:11px !important;

        min-width:0 !important;
        max-width:100% !important;

        box-sizing:border-box !important;
    }


    /* KEEP CURRENT ENLARGED TEXT */

    #american-tech-sector .at-card-num {
        font-size:14px !important;
    }

    #american-tech-sector .at-card-name {
        font-size:15px !important;
        line-height:1.08 !important;
    }

    #american-tech-sector .at-card-group {
        font-size:11px !important;
    }

    #american-tech-sector .at-card-label {
        font-size:10px !important;
    
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
white-space:nowrap !important;
font-size:9px !important;}

    #american-tech-sector .at-card-value {
        font-size:13px !important;
    


text-


text-
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:clip !important;
white-space:nowrap !important;
font-size:12px !important;}
}

/* AT_PHONE_HARD_VERTICAL_FINAL_END */

/* AT_THREE_DIVIDERS_FINAL_BEGIN */

/*
   RESTORE ONLY THESE THREE INTERNAL VERTICAL LINES:

   05 | 06
   10 | 11
   15 | 16
*/

@media screen and (min-width:901px) {

    #american-tech-business-grid > .at-card:nth-child(5),
    #american-tech-business-grid > .at-card:nth-child(10),
    #american-tech-business-grid > .at-card:nth-child(15) {
font-size:11px !important;

        border-right:
            1px solid rgba(0,229,255,.32) !important;
    }

}

/* AT_THREE_DIVIDERS_FINAL_END */

/* AT_PHONE_STOCK_HEADER_BEGIN */

@media screen and (max-width:900px) {

    #american-tech-sector .at-business-head {

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            auto !important;

        grid-template-rows:
            auto !important;

        align-items:start !important;

        column-gap:6px !important;

        width:100% !important;

        margin:0 !important;

        padding:
            8px 10px !important;

        box-sizing:
            border-box !important;
    }


    /* LEFT SIDE */

    #american-tech-sector .at-business-title {

        grid-column:1 !important;
        grid-row:1 !important;

        display:block !important;

        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        font-size:0 !important;

        overflow:visible !important;
    }


    #american-tech-sector .at-business-title::before {

        content:
            "AMERICAN TECH LIVE STOCK FEED";

        display:block !important;

        margin:0 0 4px 0 !important;

        color:#ffffff !important;

        font-size:
            clamp(
                9px,
                2.45vw,
                11px
            ) !important;

        line-height:1 !important;

        font-weight:900 !important;

        white-space:nowrap !important;
    }


    #american-tech-sector .at-business-title::after {

        content:
            "16 DISPLAYED / 31 STOCK POOL";

        display:block !important;

        margin:0 !important;

        color:#ffffff !important;

        font-size:
            clamp(
                8px,
                2.15vw,
                10px
            ) !important;

        line-height:1 !important;

        font-weight:900 !important;

        white-space:nowrap !important;
    }


    /* RIGHT SIDE */

    #american-tech-sector .at-business-help {

        grid-column:2 !important;
        grid-row:1 !important;

        justify-self:end !important;
        align-self:start !important;

        display:block !important;

        width:auto !important;

        margin:1px 0 0 0 !important;
        padding:0 !important;

        font-size:0 !important;

        line-height:1 !important;

        white-space:nowrap !important;

        text-align:right !important;

        overflow:visible !important;
    }


    #american-tech-sector .at-business-help::after {

        content:
            "CLICK ANY STOCK TO LOAD ITS CHART";

        display:block !important;

        color:#71858e !important;

        font-size:7px !important;
        line-height:1 !important;
        font-weight:700 !important;

        letter-spacing:0 !important;

        white-space:nowrap !important;

        text-align:right !important;
    }

}

/* AT_PHONE_STOCK_HEADER_END */


/* AT_SWAP_CENTER_FINAL_BEGIN */

#american-tech-sector .at-type {

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;

    width:100% !important;

    min-width:100% !important;

    max-width:100% !important;

    box-sizing:border-box !important;
}

#american-tech-sector .at-type * {

    text-align:center !important;
}

/* AT_SWAP_CENTER_FINAL_END */


/* AT_REAL_TIME_CYAN_CSS_BEGIN */

#american-tech-sector .at-real-time-cyan {
    color:#00e5ff !important;
}

/* AT_REAL_TIME_CYAN_CSS_END */


/* BROKERAGE_ONLY_GRID_CSS_BEGIN */

.brokerage-only-grid{
    width:100%;
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:10px;
    margin:18px 0 24px;
}

.brokerage-only-card{
    height:76px;
    min-width:0;
    padding:8px 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    border:1px solid #17333b;
    background:#050b0e;
}

.brokerage-only-card img{
    display:block;
    width:28px;
    height:28px;
    flex:0 0 28px;
    object-fit:contain;
}

.brokerage-only-card span{
    min-width:0;
    color:#aeb9bd;
    font-size:11px;
    font-weight:700;
    line-height:1.1;
    white-space:nowrap;
}

.brokerage-only-card:hover{
    border-color:#00dfff;
}

@media(max-width:900px){
    .brokerage-only-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media(max-width:600px){
    .brokerage-only-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .brokerage-only-card{
        height:70px;
    }
}

/* BROKERAGE_ONLY_GRID_CSS_END */