/* Shared compact layout for every admin panel and its dialogs. */
@media(max-width:700px){
  #admin-main,body.admin-page-mode .modal{
    -webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:12px;line-height:1.5
  }
  #admin-main{min-width:0;max-width:100%}
  #admin-main .admin-page{box-sizing:border-box;min-width:0;width:100%;max-width:100%;padding:18px 12px calc(80px + env(safe-area-inset-bottom,0px))}
  #admin-main #admin-panel,#admin-main #admin-panel>*,#admin-main .admin-box,#admin-main fieldset{box-sizing:border-box;min-width:0;max-width:100%}
  #admin-main .admin-tabs{gap:12px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
  #admin-main .admin-tab{flex:none;gap:5px;min-height:32px;padding:7px 3px;font-size:10px;white-space:nowrap}
  #admin-main .admin-tab .ui-icon{width:14px;height:14px}
  #admin-main .admin-header{gap:10px;margin-bottom:14px}
  #admin-main h1{font-size:20px;line-height:1.3}
  #admin-main h2{font-size:17px;line-height:1.35}
  #admin-main h3{font-size:14px;line-height:1.4}
  #admin-main h4{font-size:12px;line-height:1.4}
  #admin-main h5{font-size:11px;line-height:1.4}
  #admin-main .admin-header p,#admin-main .admin-box-head>div p{font-size:10px;line-height:1.6}

  /* Override the global 16px!important rule without changing public pages. */
  :is(#admin-main,body.admin-page-mode .modal) input:not([type="checkbox"]):not([type="radio"]),
  :is(#admin-main,body.admin-page-mode .modal) textarea{
    box-sizing:border-box;min-width:0;max-width:100%;min-height:32px;padding:6px 8px;
    border-radius:7px;font-size:12px!important;line-height:1.4
  }
  :is(#admin-main,body.admin-page-mode .modal) input:not([type="checkbox"]):not([type="radio"])[type="date"],
  :is(#admin-main,body.admin-page-mode .modal) input:not([type="checkbox"]):not([type="radio"])[type="datetime-local"],
  :is(#admin-main,body.admin-page-mode .modal) input:not([type="checkbox"]):not([type="radio"])[readonly]{font-size:11px!important}
  :is(#admin-main,body.admin-page-mode .modal) textarea{height:auto;min-height:80px;resize:vertical}
  :is(#admin-main,body.admin-page-mode .modal) select{
    -webkit-appearance:none;appearance:none;box-sizing:border-box;
    min-width:0;max-width:100%;min-height:30px;height:30px;padding:5px 24px 5px 8px;
    border-radius:7px;font-size:11px!important;line-height:1.3;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23959da9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 8px center;background-size:11px 11px
  }
  :is(#admin-main,body.admin-page-mode .modal) select[multiple]{height:auto;min-height:80px;background-image:none;padding-right:8px;white-space:normal}
  :is(#admin-main,body.admin-page-mode .modal) input[type="checkbox"],
  :is(#admin-main,body.admin-page-mode .modal) input[type="radio"]{box-sizing:border-box;flex:none;width:15px;height:15px;min-height:0;padding:0}
  :is(#admin-main,body.admin-page-mode .modal) input[type="file"]{height:auto;min-height:30px;padding:4px;font-size:10px!important}
  :is(#admin-main,body.admin-page-mode .modal) input[type="file"]::file-selector-button{padding:5px 7px;font-size:10px}
  :is(#admin-main,body.admin-page-mode .modal) .form-field{min-width:0;gap:6px;margin-top:10px;margin-bottom:10px}
  :is(#admin-main,body.admin-page-mode .modal) .form-field>span{font-size:10px;line-height:1.5}
  :is(#admin-main,body.admin-page-mode .modal) .form-field small{font-size:9px;line-height:1.6;overflow-wrap:anywhere}
  :is(#admin-main,body.admin-page-mode .modal) .button,
  :is(#admin-main,body.admin-page-mode .modal) .table-action{min-height:30px;padding:6px 9px;gap:5px;border-radius:7px;font-size:10px;line-height:1.4}
  :is(#admin-main,body.admin-page-mode .modal) .button .ui-icon{width:14px;height:14px}
  :is(#admin-main,body.admin-page-mode .modal) .free-access-option{gap:8px;margin:10px 0}
  :is(#admin-main,body.admin-page-mode .modal) .free-access-option span{font-size:11px;line-height:1.5}

  #admin-main .admin-box{padding:12px;border-radius:10px;margin-top:12px}
  #admin-main .admin-box-head{gap:10px;flex-wrap:wrap;margin-bottom:11px}
  #admin-main .admin-box-head>div{min-width:0;max-width:100%}
  #admin-main .admin-box-head button{min-height:29px;padding:6px 8px;font-size:10px}
  #admin-main :is(.admin-stats,.admin-user-summary,.admin-investment-stats,.admin-premium-stats,.coin-admin .admin-stats,.rewards-admin-stats,.ads-summary,.ud-summary,.va-metrics){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #admin-main :is(.admin-stat,.admin-user-summary article,.admin-investment-stats article,.admin-premium-stats article,.ads-summary article,.ud-summary article,.va-metric){min-width:0;padding:11px;border-radius:10px}
  #admin-main :is(.admin-stat span,.admin-user-summary span,.admin-investment-stats article span,.admin-premium-stats article span,.ads-summary small,.ud-summary span,.va-metric>span){font-size:10px;line-height:1.5}
  #admin-main :is(.admin-stat strong,.admin-user-summary strong,.admin-investment-stats article strong,.admin-premium-stats article strong,.ads-summary strong,.ud-summary strong,.va-metric>strong){display:block;font-size:18px;line-height:1.3;overflow-wrap:anywhere}
  #admin-main :is(.admin-stat small,.admin-investment-stats article small,.admin-premium-stats article small,.va-metric small){font-size:9px;line-height:1.5}
  #admin-main :is(.admin-setting-grid,.admin-investment-layout,.admin-premium-columns,.pg-overview,.pg-columns,.pg-fields-row,.admin-contact-grid,.rewards-admin-fields,.rewards-admin-target-fields,.verification-admin-fields,.coin-ad-admin-fields,.referral-security-fields,.ads-form-grid,.va-grid-two){grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
  #admin-main :is(.admin-user-controls,.admin-investment-controls,.admin-premium-controls,.ud-filter-grid,.va-filter-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
  #admin-main :is(.admin-user-controls,.admin-investment-controls,.admin-premium-controls)>input:first-child{grid-column:1/-1}
  #admin-main :is(.admin-free-search,.admin-banner-search){grid-template-columns:minmax(0,1fr);gap:8px}
  #admin-main :is(.referral-admin-filters,.coin-admin-filters,.rewards-admin-filters,.rewards-admin-period,.ads-controls,.ads-library-tools,.ud-period){gap:8px;min-width:0;flex-wrap:wrap}
  #admin-main :is(.referral-admin-filters,.coin-admin-filters,.rewards-admin-filters,.ads-controls,.ads-library-tools)>*{min-width:0;max-width:100%}
  #admin-main :is(.coin-admin-filters label,.rewards-admin-period label,.ads-controls label,.va-filter-grid label,.ud-filter-grid label){min-width:0;gap:5px;font-size:10px}
  #admin-main :is(.coin-admin-filters label span,.rewards-admin-period label span,.ads-controls label span){font-size:10px}
  #admin-main :is(.referral-admin-filters,.rewards-admin-filters,.ads-library-tools)>input{flex:1 1 100%;width:100%}
  #admin-main :is(.referral-admin-filters,.rewards-admin-filters)>select{flex:1 1 115px;width:auto}
  #admin-main .ads-controls>*{flex:1 1 130px;min-width:0}
  #admin-main .coin-admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  #admin-main .rewards-admin-period>span{font-size:9px;overflow-wrap:anywhere}
  #admin-main :is(.referral-admin-tabs,.rewards-admin-tabs,.ads-dashboard-tabs,.live-channel-admin-tabs,.admin-gateway-tabs,.ud-chart-tabs,.ud-detail-tabs,.va-tabs){gap:5px;max-width:100%;overflow-x:auto}
  #admin-main :is(.referral-admin-tabs,.rewards-admin-tabs,.ads-dashboard-tabs,.live-channel-admin-tabs,.admin-gateway-tabs,.ud-chart-tabs,.ud-detail-tabs,.va-tabs) button{min-height:29px;padding:6px 9px;gap:5px;font-size:10px;white-space:nowrap}

  #admin-main :is(.admin-user-table-wrap,.admin-investment-table-wrap,.admin-premium-table-wrap,.withdrawal-dashboard-table-wrap,.referral-admin-table-wrap,.referral-table-wrap,.coin-admin-table-wrap,.ads-table-wrap,.ud-table-wrap,.va-table-wrap){min-width:0;max-width:100%;overflow:auto;overscroll-behavior-x:contain}
  #admin-main :is(.admin-table,.ud-table,.va-table,.ads-table-wrap table){font-size:10px;line-height:1.5}
  #admin-main :is(.admin-table,.ud-table,.va-table,.ads-table-wrap table) th{padding:9px 8px;font-size:9px;line-height:1.5}
  #admin-main :is(.admin-table,.ud-table,.va-table,.ads-table-wrap table) td{padding:10px 8px;font-size:10px;line-height:1.5}
  #admin-main .ud-table td{padding:10px 8px!important}
  #admin-main :is(.admin-table,.ud-table,.va-table,.ads-table-wrap table) td strong{font-size:11px;line-height:1.5}
  #admin-main :is(.admin-table,.ud-table,.va-table,.ads-table-wrap table) td small{font-size:9px;line-height:1.5;margin-top:3px}
  #admin-main :is(.admin-content-row,.admin-account-activity-row){gap:8px;padding:9px;min-width:0}
  #admin-main .admin-row-info{min-width:0}#admin-main .admin-row-info strong{overflow-wrap:anywhere}
  #admin-main .admin-row-info strong{font-size:11px;line-height:1.4}
  #admin-main .admin-row-info span,#admin-main .admin-row-price{font-size:9px}
  #admin-main .admin-content-row [data-free-title]{min-width:80px;font-size:9px}
  #admin-main .admin-thumb{width:40px;height:53px;flex:none}

  /* Users dashboard and account management. */
  #admin-main .ud-dashboard{gap:13px}
  #admin-main .ud-users-card{overflow:visible}
  #admin-main :is(.ud-chart-card,.ud-users-card){padding:13px!important;border-radius:11px}
  #admin-main :is(.ud-header,.ud-card-head){gap:10px;flex-wrap:wrap}
  #admin-main .ud-dashboard>.ud-header{margin-top:15px}
  #admin-main .ud-header>.button,#admin-main .ud-header .ud-actions>.button{padding:7px 9px;font-size:10px}
  #admin-main .ud-actions{gap:6px}
  #admin-main .ud-period input{width:135px;max-width:100%}
  #admin-main .ud-chart-tabs{margin:13px 0 11px}#admin-main .ud-chart-total{gap:8px}
  #admin-main .ud-chart-total strong{font-size:22px}
  #admin-main .ud-chart-total span,#admin-main .ud-chart-note{font-size:10px}
  #admin-main .ud-chart svg{height:135px}
  #admin-main .ud-filters{margin-top:13px}#admin-main .ud-search-row{gap:7px;flex-wrap:wrap}
  #admin-main .ud-search-row>input{flex-basis:100%;min-width:0}
  #admin-main .ud-search-row>select{flex:1;max-width:none}
  #admin-main .ud-bulk{padding:10px;gap:7px}
  #admin-main .ud-bulk input[name="reason"]{min-width:0;flex:1 1 100%}
  #admin-main .ud-table .ud-identity-cell{min-width:205px;max-width:250px}
  #admin-main .ud-table .ud-user-link strong{font-size:11px}#admin-main .ud-table .ud-user-link small{font-size:9px}
  #admin-main .ud-user-badges{gap:4px;margin-top:6px}#admin-main .ud-pill{font-size:9px;padding:3px 5px}
  #admin-main .ud-row-actions{width:90px;gap:5px}#admin-main .ud-row-actions .table-action{min-height:28px;font-size:9px;padding:5px 7px}
  #admin-main .ud-pagination{gap:10px;font-size:10px}

  /* Analytics, Ads, Live TV, and the payment gateway. */
  #admin-main :is(.va-card,.admin-investment-card,.admin-premium-card,.pg-panel,.pg-routing-card,.admin-gateway-current){padding:12px;border-radius:11px;min-width:0}
  #admin-main :is(.va-card-head,.va-header,.va-toolbar,.va-filter-footer,.ads-library-header-actions,.admin-investment-toolbar,.admin-premium-toolbar){gap:9px;flex-wrap:wrap;min-width:0}
  #admin-main :is(.va-filter-card,.va-card-head,.va-toolbar){margin-bottom:12px}
  #admin-main .va-filter-grid{gap:9px}#admin-main .va-filter-footer{font-size:10px}
  #admin-main .va-live{font-size:10px}#admin-main .va-bar-row{font-size:10px;gap:8px}
  #admin-main .va-session-summary{gap:8px;padding:10px;font-size:10px}
  #admin-main :is(.va-footnote,.va-explainer,.va-filter-footer,.ads-stats-note,.ads-source-note){font-size:10px;line-height:1.6}
  #admin-main .ads-summary{gap:8px}#admin-main .ads-video-grid{gap:9px}
  #admin-main .ads-video-info{padding:10px}#admin-main .ads-video-info h4{font-size:12px}
  #admin-main .ads-video-info>p{font-size:10px}#admin-main .ads-video-metrics{gap:6px}
  #admin-main .ads-video-actions{gap:6px;flex-wrap:wrap}
  #admin-main .live-channel-admin-fields{grid-template-columns:minmax(0,1fr);gap:8px}
  #admin-main .live-channel-admin-summary{gap:8px;padding:9px}
  #admin-main .live-channel-admin-summary strong{font-size:11px;overflow-wrap:anywhere}
  #admin-main .live-channel-admin-actions{gap:6px;flex-wrap:wrap;min-width:0}
  #admin-main .live-channel-admin-actions .free-access-option span{font-size:10px}
  #admin-main .live-channel-admin-editor{padding:10px;gap:10px}
  #admin-main .admin-payment-gateway .pg-overview,#admin-main .admin-payment-gateway .pg-columns,#admin-main .admin-payment-gateway .pg-fields-row{grid-template-columns:minmax(0,1fr);gap:10px}
  #admin-main .admin-payment-gateway :is(.pg-heading,.pg-workspace-head,.pg-config-head,.pg-sync){gap:9px;flex-wrap:wrap}
  #admin-main .admin-payment-gateway :is(.admin-gateway-current,.pg-panel,.pg-routing-card){padding:12px}
  #admin-main .admin-payment-gateway .admin-gateway-current strong{font-size:18px;gap:7px}
  #admin-main .admin-payment-gateway .admin-payment-method-grid{grid-template-columns:minmax(0,1fr);gap:7px}
  #admin-main .admin-payment-gateway .admin-payment-method{padding:9px;gap:8px}
  #admin-main .admin-payment-gateway .admin-payment-method-icon{width:29px;height:29px;flex:none}
  #admin-main .admin-payment-gateway .admin-payment-method-name{min-width:0;font-size:11px}
  #admin-main .admin-payment-gateway .pg-method-group{padding:10px;min-width:0}
  #admin-main .admin-payment-gateway #payment-settings-form .form-field>span{font-size:10px}
  #admin-main .admin-payment-gateway :is(.pg-private-note,.pg-callback,.pg-channel-summary){font-size:10px;overflow-wrap:anywhere}
  #admin-main :is(.referral-security-note,.referral-security-preview,.referral-security-evidence){font-size:10px;line-height:1.6;overflow-wrap:anywhere}
  #admin-main :is(.rewards-admin-targets,.admin-user-metrics){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}

  /* Admin dialogs live outside #admin-main, so scope them to the active view. */
  body.admin-page-mode .modal{box-sizing:border-box;min-width:0;max-width:100%;padding:18px 13px;border-radius:12px}
  body.admin-page-mode .modal h2{font-size:18px;line-height:1.35}
  body.admin-page-mode .modal h3{font-size:13px;line-height:1.4}
  body.admin-page-mode .modal p{font-size:11px;line-height:1.6}
  body.admin-page-mode .modal .modal-close{width:29px;height:29px;font-size:20px}
  body.admin-page-mode .modal :is(.ud-detail-metrics,.ud-income-grid,.ud-profile-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.admin-page-mode .modal .ud-requirements{grid-template-columns:minmax(0,1fr);gap:8px}
  body.admin-page-mode .modal :is(.ud-detail-metrics article,.ud-income-grid article,.ud-profile-grid article,.ud-requirements article){padding:11px;border-radius:9px;min-width:0}
  body.admin-page-mode .modal .ud-detail-metrics strong{font-size:17px}
  body.admin-page-mode .modal .ud-income-grid strong{font-size:14px}
  body.admin-page-mode .modal .ud-profile-grid strong{font-size:11px}
  body.admin-page-mode .modal .ud-detail-tabs{gap:5px;margin-bottom:13px;padding-bottom:9px}
  body.admin-page-mode .modal .ud-detail-tabs button{font-size:10px;padding:6px 8px;min-height:29px}
  body.admin-page-mode .modal .ud-detail-table{min-width:0;max-width:100%;overflow:auto}
  body.admin-page-mode .modal .ud-detail-table td,body.admin-page-mode .modal .ud-detail-table th{font-size:10px;padding:9px 8px}
  body.admin-page-mode .modal .ud-detail-table small{font-size:9px}
  body.admin-page-mode .modal :is(.ud-note-form,.ud-tags-form,.ud-access-form,.ud-notes article){padding:11px;gap:9px;margin:10px 0 15px}
  body.admin-page-mode .modal .ud-detail form>label{font-size:10px}
  body.admin-page-mode .modal .ud-detail textarea{min-height:75px}
  body.admin-page-mode .modal .ads-form-grid{grid-template-columns:minmax(0,1fr);gap:9px}
}
@media(max-width:360px){
  #admin-main .admin-page{padding-left:10px;padding-right:10px}
  #admin-main :is(.admin-stat strong,.ud-summary strong,.va-metric>strong,.ads-summary strong){font-size:16px}
  #admin-main :is(.va-filter-grid,.ud-filter-grid){grid-template-columns:minmax(0,1fr)}
  body.admin-page-mode .modal .ud-profile-grid{grid-template-columns:minmax(0,1fr)}
}