/* StockView account and admin mobile layout v1 */
@layer stockviewTheme {
@media screen and (max-width:1000px) {
    body.sv-account-mobile #main.container.page {
        width:calc(100% - 24px)!important;
        max-width:1120px!important;
        min-width:0!important;
        margin-inline:auto!important;
        padding-block:20px 40px!important;
    }
    body.sv-account-mobile #main :where(div,section,article,form,fieldset,label,nav,header,aside,dl,dd) {
        min-width:0;
        box-sizing:border-box;
    }
    body.sv-account-mobile #main :where(.sva,.svu-page,.svts,.svmp,.svp-page,.sv-health,.svr-report,.sve-page) {
        width:100%!important;
        max-width:100%!important;
        padding-inline:0!important;
        margin:0 auto 20px!important;
    }
    body.sv-account-mobile #main :where(.grid,.sva-grid,.svmp-grid,.svts-grid,.sve-editor-grid,.svr-grid) > * {
        min-width:0!important;
    }
    body.sv-account-mobile :where(input,select,textarea):not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]) {
        min-width:0!important;
        max-width:100%!important;
        box-sizing:border-box!important;
        min-height:44px;
        font-size:16px!important;
    }
    body.sv-account-mobile :where(.field,.sva label,.svmp label,.svts label,.sve-panel label,.svr-form-grid label) {
        min-width:0!important;
        overflow-wrap:anywhere;
    }
    body.sv-account-mobile :where(.sva-grid,.svmp-grid,.svts-grid,.sv-health-filters,.svr-form-grid,.svr-filter-grid,.sve-two) {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    body.sv-account-mobile :where(.sve-editor-grid,.svr-grid) {
        grid-template-columns:minmax(0,1fr)!important;
    }
    body.sv-account-mobile :where(.sve-editor-aside,.svr-stack) {
        position:static!important;
        min-width:0!important;
    }
    body.sv-account-mobile #main :where(.table-wrap,.svu-scroll,.svm-scroll,.svr-scroll,.sv-health-table-wrap,.sve-table-wrap) {
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        overflow-x:auto!important;
        overscroll-behavior-inline:contain;
    }
    body.sv-account-mobile #main :where(h1,h2,h3,p,dd,small,.stat-value,.svr-stat strong) {
        overflow-wrap:anywhere;
    }
    body.sv-account-mobile #main :where(.portfolio-header,.sv-health-heading,.sv-health-table-heading,.svr-heading,.svr-card-head,.sve-admin-heading) {
        flex-wrap:wrap!important;
        gap:12px!important;
    }
    body.sv-account-mobile #main :where(.svu-pagination,.sv-health-pagination,nav[aria-label*="Pagination"]) {
        max-width:100%;
        flex-wrap:wrap;
        overflow-wrap:anywhere;
    }
    body.sv-account-mobile #main nav[aria-label*="Pagination"] svg {
        width:20px!important;
        height:20px!important;
    }
}
@media screen and (max-width:600px) {
    body.sv-account-mobile #main :where(.card,.sva-card,.svu-card,.svts-card,.svmp-card,.svm-page,.svr-card,.sve-panel) {
        padding:16px!important;
        border-radius:12px;
    }
    body.sv-account-mobile #main .sva-nav {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:5px!important;
        padding:7px!important;
        margin-bottom:16px!important;
    }
    body.sv-account-mobile #main .sva-nav a {
        display:flex;
        align-items:center;
        min-height:44px;
        padding:8px!important;
        font-size:14px!important;
        line-height:1.35;
        white-space:normal!important;
        overflow-wrap:anywhere;
    }
    body.sv-account-mobile #main :where(.grid,.grid.two,.sva-grid,.svmp-grid,.svts-grid,.sv-health-filters,.svr-form-grid,.svr-form-grid.three,.svr-filter-grid,.svr-filter-grid.has-campaign,.sve-two,.gd-roi-filters,.svm-form,.svm-breakdowns) {
        grid-template-columns:minmax(0,1fr)!important;
    }
    body.sv-account-mobile #main :where(.gd-roi-summary,.gd-dashboard-totals,.sv-health-cards,.svr-stats,.svm-stats) {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
    }
    body.sv-account-mobile #main h1 {
        font-size:26px!important;
        line-height:1.3!important;
    }
    body.sv-account-mobile #main h2 {
        font-size:21px!important;
        line-height:1.4!important;
    }
    body.sv-account-mobile #main :where(.stat-value,.svr-stat strong,.sv-health-cards strong) {
        font-size:22px!important;
    }
    body.sv-account-mobile #main :where(.stat-label,.svr-stat small,.sv-health-cards small) {
        font-size:13px!important;
    }
    body.sv-account-mobile #main .portfolio-balance {
        width:100%;
        text-align:left;
    }
    body.sv-account-mobile #main .sv-portfolio-toolbar {
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:10px;
    }
    body.sv-account-mobile #main .portfolio-actions {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        width:100%!important;
    }
    body.sv-account-mobile #main .portfolio-actions .btn {
        width:100%!important;
        min-height:44px;
        padding:9px 8px!important;
        font-size:14px!important;
        white-space:normal!important;
        text-align:center;
    }
    body.sv-account-mobile #main .sv-portfolio-tabs {
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        margin:0!important;
        width:100%;
    }
    body.sv-account-mobile #main .sv-portfolio-tabs button {
        min-height:44px;
        font-size:14px!important;
        padding:9px 6px!important;
    }
    body.sv-account-mobile #main :where(.svu-search,.svr-table-tools,.svr-actions,.sve-editor-toolbar) {
        flex-wrap:wrap!important;
        max-width:100%;
        gap:8px!important;
    }
    body.sv-account-mobile #main .svu-search input {
        flex:1 1 100%!important;
        width:100%!important;
    }
    body.sv-account-mobile #main :where(button,.svu-button,.svr-button,.sve-button) {
        white-space:normal;
        overflow-wrap:anywhere;
    }
    body.sv-account-mobile #main :where(.sva button,.svts button,.svmp button,.svu-button,.svr-actions button,.svr-button,.sve-button) {
        min-height:44px;
        max-width:100%;
        font-size:15px;
    }
    body.sv-account-mobile #main .sva-dl {
        grid-template-columns:minmax(0,1fr)!important;
    }
    body.sv-account-mobile.sv-auth-page .auth-wrapper {
        min-height:0!important;
        padding:12px 0 24px!important;
    }
    body.sv-account-mobile.sv-auth-page .auth-card {
        padding:24px 18px!important;
    }
    body.sv-account-mobile dialog.sv-trade-dialog {
        width:calc(100vw - 20px)!important;
        max-width:calc(100vw - 20px)!important;
        max-height:calc(100dvh - 24px)!important;
        padding:0!important;
        box-sizing:border-box;
    }
    body.sv-account-mobile .sv-trade-dialog-header {
        gap:10px;
        padding:12px!important;
    }
    body.sv-account-mobile .sv-trade-dialog-header h2 {
        font-size:20px!important;
        min-width:0;
    }
    body.sv-account-mobile .sv-trade-dialog :where(.grid,.grid.two) {
        grid-template-columns:minmax(0,1fr)!important;
    }
    body.sv-account-mobile .sv-trade-dialog .field :where(input,select,textarea) {
        width:100%!important;
    }
    body.sv-account-mobile .sv-trade-dialog-close {
        flex:0 0 auto;
        min-height:44px;
    }
    body.sv-account-mobile #main table.sv-account-cards {
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        white-space:normal!important;
    }
    body.sv-account-mobile #main table.sv-account-cards > thead {
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        padding:0!important;
        margin:-1px!important;
        overflow:hidden!important;
        clip-path:inset(50%)!important;
        white-space:nowrap!important;
    }
    body.sv-account-mobile #main table.sv-account-cards > tbody {
        display:block!important;
        width:100%!important;
    }
    body.sv-account-mobile #main table.sv-account-cards > tbody > tr {
        display:block!important;
        margin:0 0 12px!important;
        border:1px solid var(--line,#ddd);
        border-radius:9px;
        padding:4px 10px;
    }
    body.sv-account-mobile #main table.sv-account-cards > tbody > tr > td {
        position:relative;
        display:block!important;
        box-sizing:border-box!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        min-height:40px;
        padding:10px 0 10px 43%!important;
        text-align:left!important;
        font-size:14px!important;
        line-height:1.5!important;
        white-space:normal!important;
        overflow-wrap:anywhere!important;
    }
    body.sv-account-mobile #main table.sv-account-cards td[data-sv-cell-label]::before {
        content:attr(data-sv-cell-label);
        position:absolute;
        left:0;
        top:10px;
        width:39%;
        font-size:12px;
        font-weight:500;
        line-height:1.5;
        overflow-wrap:anywhere;
    }
    body.sv-account-mobile #main table.sv-account-cards > tbody > tr > td:last-child {
        border-bottom:0!important;
    }
    body.sv-account-mobile #main table.sv-account-cards td[data-sv-empty] {
        padding:12px 0!important;
    }
    body.sv-account-mobile #main table.sv-account-cards td[data-sv-empty]::before {
        content:none;
    }
    body.sv-account-mobile #main table.sv-account-cards[hidden],
    body.sv-account-mobile #main table.sv-account-cards > tbody[hidden],
    body.sv-account-mobile #main table.sv-account-cards > tbody > tr[hidden] {
        display:none!important;
    }
}
}