/* Administration only; public pages and client workspaces keep their layout. */
.rail-mobile-close{display:none}

@media(max-width:999px){
  body[data-workspace=admin] .app-workspace{min-width:0;max-width:100%;min-height:100dvh}
  body[data-workspace=admin] .app-topbar{position:sticky;top:0;z-index:45;margin:0;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));min-height:68px;background:var(--solid);gap:10px}
  body[data-workspace=admin] .app-breadcrumb{min-width:0;flex:1;gap:8px}
  body[data-workspace=admin] .app-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
  body[data-workspace=admin] .app-breadcrumb>span,body[data-workspace=admin] .app-breadcrumb>i{display:none}
  body[data-workspace=admin] .topbar-actions{flex:none;gap:6px}
  body[data-workspace=admin] .top-avatar{display:none}
  body[data-workspace=admin] .app-topbar .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:12px}
  body[data-workspace=admin] .app-topbar .icon{width:20px;height:20px}
  body[data-workspace=admin] .language-trigger{min-height:44px}
  body[data-workspace=admin] .app-rail{width:min(320px,calc(100vw - 64px));left:12px;right:auto;top:max(12px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(calc(-100% - 24px));padding:16px 12px;overscroll-behavior:contain;scroll-padding-block:16px}
  body[data-workspace=admin].nav-open .app-rail{transform:translateX(0)}
  body[data-workspace=admin] .rail-brand{padding:0 4px 18px;padding-inline-end:48px}
  body[data-workspace=admin] .rail-mobile-close{display:inline-flex;position:absolute;top:14px;inset-inline-end:12px;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--subtle);border-radius:12px}
  body[data-workspace=admin] .rail-workspace{margin-bottom:12px}
  body[data-workspace=admin] .rail-link{min-height:48px;padding:12px;font-size:14px;line-height:1.4;gap:12px}
  body[data-workspace=admin] .rail-link .icon{width:19px;height:19px}
  body[data-workspace=admin] .rail-submenus .rail-link{min-height:44px;font-size:13px}
  body[data-workspace=admin] .rail-workspace-switch{min-height:44px;font-size:13px}
  body[data-workspace=admin] .rail-user{margin-top:18px;padding-top:16px}
  body[data-workspace=admin] .rail-user .icon-button{min-width:44px;min-height:44px}
  body[data-workspace=admin] .app-content{padding:22px 16px 0;min-width:0}
  body[data-workspace=admin] .app-footer{padding:20px 16px max(20px,env(safe-area-inset-bottom));flex-wrap:wrap;overflow-wrap:anywhere}
  body[data-workspace=admin] .app-footer-links{flex-wrap:wrap;gap:14px}
  body[data-workspace=admin] .app-footer-links a{display:inline-flex;align-items:center;min-height:44px}
  body[data-workspace=admin] .page-heading{align-items:flex-start;gap:14px}
  body[data-workspace=admin] .page-heading>div{min-width:0}
  body[data-workspace=admin] .page-heading h1{overflow-wrap:anywhere}
  body[data-workspace=admin] .page-heading>.button{flex:none}
  body[data-workspace=admin] .button,body[data-workspace=admin] .button.small{min-width:44px;min-height:44px;font-size:13px;line-height:1.4;padding:10px 13px;white-space:normal}
  body[data-workspace=admin] .icon-button{min-width:44px;min-height:44px}
  body[data-workspace=admin] .text-button{min-height:44px;display:inline-flex;align-items:center}
  body[data-workspace=admin] :is(.panel,.stack,.two-col,.stats,.stat,.table-wrap,.ac-table-wrap,.service-toolbar){min-width:0;max-width:100%}
  body[data-workspace=admin] :is(.table-wrap,.ac-table-wrap,.ac-profit-list,.live-table-scroll){overflow:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--blue) var(--subtle)}
  body[data-workspace=admin] :is(.table-wrap,.ac-table-wrap):focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
  body[data-workspace=admin] .stat-value{white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
  body[data-workspace=admin] :is(.stat-top,.stat-hint){line-height:1.5}
  body[data-workspace=admin] :is(.statistics-pagination,.hold-pagination,.ac-pagination,.panel-footer){flex-wrap:wrap;gap:10px}
  body[data-workspace=admin] :is(.statistics-pagination,.hold-pagination)>div{flex-wrap:wrap;gap:8px}
  body[data-workspace=admin] :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px;min-height:44px;max-width:100%}
  body[data-workspace=admin] input[type=checkbox],body[data-workspace=admin] input[type=radio]{width:20px;height:20px;flex:none}
  body[data-workspace=admin] :is(.check-field,.permission-choice,.support-reply-options label){min-height:44px}
  body[data-workspace=admin] .dashboard-select{max-width:100%;min-width:0}
  body[data-workspace=admin] .dashboard-select-trigger{height:auto;min-height:44px;font-size:14px}
  body[data-workspace=admin] .rate-filter>.dashboard-select--global .dashboard-select-trigger{min-height:44px;height:auto;font-size:14px}
  body[data-workspace=admin] .dashboard-select-popup .dashboard-select-option{min-height:44px;font-size:14px}
  body[data-workspace=admin] .dashboard-select-search input{font-size:16px}
  body[data-workspace=admin] dialog{width:min(600px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;overflow:auto;overscroll-behavior:contain;scroll-padding-block:72px;border-radius:18px}
  body[data-workspace=admin] .dialog-head{position:sticky;top:0;z-index:2;background:var(--solid);padding:14px 16px}
  body[data-workspace=admin] .dialog-head h2{min-width:0;overflow-wrap:anywhere;font-size:18px}
  body[data-workspace=admin] .dialog-body{padding:18px 16px}
  body[data-workspace=admin] .dialog-actions{position:sticky;bottom:-18px;z-index:1;background:var(--solid);padding:12px 0;gap:10px;flex-wrap:wrap}
  body[data-workspace=admin] .dialog-actions .button{flex:1;min-width:0}
  body[data-workspace=admin] .balance-editor-operations button{min-height:44px;font-size:14px}
  body[data-workspace=admin] dialog:has([data-form=user-balance]) .dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-workspace=admin] .ad-heading,body[data-workspace=admin] .ac-heading{flex-direction:row;align-items:center;justify-content:space-between;text-align:start;margin-bottom:16px}
  body[data-workspace=admin] .ad-periods button,body[data-workspace=admin] .ac-periods button{min-height:44px;font-size:13px;white-space:normal}
  body[data-workspace=admin] .ad-timezone{min-width:0;max-width:100%}
  body[data-workspace=admin] .ad-timezone .dashboard-select{width:100%;min-width:0}
  body[data-workspace=admin] .ad-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body[data-workspace=admin] .ad-metric{padding:16px;grid-column:auto}
  body[data-workspace=admin] .ad-metric-value{font-size:28px}
  body[data-workspace=admin] .ad-metric-label{font-size:12px;align-items:flex-start}
  body[data-workspace=admin] .ad-metric-hint{font-size:11px;line-height:1.5}
  body[data-workspace=admin] .ad-panel-head{flex-wrap:wrap;padding:16px;gap:10px}
  body[data-workspace=admin] .ad-panel-head h2{font-size:14px}
  body[data-workspace=admin] .ad-range{flex-wrap:wrap}
  body[data-workspace=admin] .ac-journals{grid-template-columns:minmax(0,1fr)}
  body[data-workspace=admin] .ac-filters button{min-width:44px;min-height:44px;font-size:12px}
  body[data-workspace=admin] .support-inbox{min-width:0}
  body[data-workspace=admin] .support-composer-foot{flex-wrap:wrap}
  body[data-workspace=admin] .support-composer-foot button{min-height:44px;padding:8px 0;font-size:12px}
  body[data-workspace=admin] :is(.support-message-action,.support-back,.support-thread,.support-tab){min-height:44px}
  body[data-workspace=admin] .support-tabs button{min-height:44px;font-size:13px}
  body[data-workspace=admin] .support-chat-person strong{overflow-wrap:anywhere}
  body[data-workspace=admin] :is(.broadcast-editor-actions,.support-email-actions){flex-wrap:wrap}
  body[data-workspace=admin] :is(.promo-copy-button,.promo-icon-action){min-width:44px;min-height:44px}
  body[data-workspace=admin] #promo-page .promo-icon-action{min-width:44px;min-height:44px}
  body[data-workspace=admin] #promo-page .page-heading>.button{min-height:44px}
  body[data-workspace=admin] #promo-page .dashboard-select--promo-status .dashboard-select-trigger{min-height:44px;font-size:14px}
}

@media(max-width:600px){
  body[data-workspace=admin] .app-content{padding:18px 12px 0}
  body[data-workspace=admin] .app-topbar{padding-inline:12px}
  body[data-workspace=admin] .app-breadcrumb{font-size:12px}
  body[data-workspace=admin] .page-heading{flex-direction:column}
  body[data-workspace=admin] .page-heading h1{font-size:23px;letter-spacing:-.6px}
  body[data-workspace=admin] .page-heading>.button{align-self:stretch}
  body[data-workspace=admin] .ad-heading,body[data-workspace=admin] .ac-heading{flex-direction:row}
  body[data-workspace=admin] .ad-heading>.button,body[data-workspace=admin] .ac-heading>.button{align-self:center}
  body[data-workspace=admin] .panel{border-radius:16px}
  body[data-workspace=admin] .panel-head{padding:16px;flex-wrap:wrap;align-items:flex-start}
  body[data-workspace=admin] .panel-body{padding:16px}
  body[data-workspace=admin] .panel-head+.panel-body{padding-top:0}
  body[data-workspace=admin] .stats{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-workspace=admin] .stat{padding:15px 13px}
  body[data-workspace=admin] .stat-value{font-size:25px;letter-spacing:-.5px;margin:10px 0 6px}
  body[data-workspace=admin] .users-summary .stat:nth-child(n+2) .stat-value{font-size:clamp(16px,4.3vw,22px);letter-spacing:-.3px}
  body[data-workspace=admin] .stat-top{gap:6px;align-items:flex-start}
  body[data-workspace=admin] :is(.two-col,.detail-grid,.form-grid,.permission-columns){grid-template-columns:minmax(0,1fr)}
  body[data-workspace=admin] :is(.service-toolbar,.country-search-row,.archive-filters,.statistics-filters,.hold-filters){gap:12px}
  body[data-workspace=admin] :is(.service-toolbar,.country-search-row,.archive-filters,.statistics-filters,.hold-filters)>*{min-width:0;max-width:100%}
  body[data-workspace=admin] .country-search-row{flex-wrap:wrap}
  body[data-workspace=admin] .country-search-row .rate-filter{width:100%;flex-basis:100%}
  body[data-workspace=admin] .rate-filter{padding-block:8px}
  body[data-workspace=admin] .diagnostic-filters{grid-template-columns:minmax(0,1fr)}
  body[data-workspace=admin] .diagnostic-filters>*{grid-column:1/-1}
  body[data-workspace=admin] .diagnostic-filter-buttons .button{flex:1}
  body[data-workspace=admin] .server-details>div{grid-template-columns:minmax(0,1fr);gap:4px}
  body[data-workspace=admin] .server-details dd{margin:0;overflow-wrap:anywhere}
  body[data-workspace=admin] .diagnostic-card{padding:16px}
  body[data-workspace=admin] .diagnostic-card-actions{gap:8px}
  body[data-workspace=admin] .ad-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  body[data-workspace=admin] .ad-periods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
  body[data-workspace=admin] .ad-periods button{padding:9px 3px}
  body[data-workspace=admin] .ad-timezone{justify-self:stretch}
  body[data-workspace=admin] .ad-timezone .dashboard-select-trigger{background:transparent;border:0;box-shadow:none}
  body[data-workspace=admin] .ad-metric{padding:14px 12px}
  body[data-workspace=admin] .ad-metric-value{font-size:26px;line-height:1.3}
  body[data-workspace=admin] .ad-metric-icon{width:24px;height:24px;flex:none}
  body[data-workspace=admin] .ad-breakdowns{grid-template-columns:minmax(0,1fr)}
  body[data-workspace=admin] .ac-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body[data-workspace=admin] .ac-metric{padding:14px 12px}
  body[data-workspace=admin] .ac-metric-label{font-size:12px;line-height:1.4;gap:6px;align-items:flex-start}
  body[data-workspace=admin] .ac-metric>strong{font-size:23px;margin:10px 0 6px}
  body[data-workspace=admin] .ac-bank{padding:16px;grid-template-columns:minmax(0,1fr);gap:16px}
  body[data-workspace=admin] .ac-bank-breakdown>div{align-items:flex-start;gap:12px}
  body[data-workspace=admin] .ac-bank-breakdown dt{min-width:0;flex:1;flex-wrap:wrap}
  body[data-workspace=admin] .ac-bank-breakdown dd{max-width:55%;overflow-wrap:anywhere}
  body[data-workspace=admin] .ac-bank-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body[data-workspace=admin] .ac-bank-actions>.button:first-child{grid-column:1/-1}
  body[data-workspace=admin] .ac-panel-head{padding:16px}
  body[data-workspace=admin] .ac-profit-controls{align-items:flex-start;gap:12px}
  body[data-workspace=admin] .ac-periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  body[data-workspace=admin] .ac-filters{gap:8px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-workspace=admin] .ac-filters button{min-height:44px;font-size:12px}
  body[data-workspace=admin] .ac-schedule-scroll{max-height:420px}
  body[data-workspace=admin] .support-inbox{height:calc(100dvh - 220px);min-height:380px;grid-template-columns:minmax(0,1fr);border-radius:16px}
  body[data-workspace=admin] .support-page:has(.support-chat-open)>.page-heading,body[data-workspace=admin] .support-page:has(.support-chat-open)>.support-tabs{display:none}
  body[data-workspace=admin] .support-inbox.support-chat-open{height:calc(100dvh - 126px);min-height:340px}
  body[data-workspace=admin] .support-heading-actions{gap:8px}
  body[data-workspace=admin] .support-heading-actions>.button{flex:1}
  body[data-workspace=admin] .support-tabs{gap:6px}
  body[data-workspace=admin] .support-tabs button{min-height:44px;font-size:13px}
  body[data-workspace=admin] .support-chat-header{padding:10px;gap:8px;flex-wrap:wrap}
  body[data-workspace=admin] .support-chat-header>.button{min-height:44px;padding:8px;font-size:12px}
  body[data-workspace=admin] .support-chat-person{min-width:80px}
  body[data-workspace=admin] .support-message{max-width:94%;font-size:14px}
  body[data-workspace=admin] .support-composer-row>.button{min-width:44px}
  body[data-workspace=admin] .support-email-form{padding:12px}
  body[data-workspace=admin] .support-email-actions{gap:8px}
  body[data-workspace=admin] .broadcast-editor-actions>.button{min-width:100px}
  body[data-workspace=admin] .promo-group{min-height:48px}
  body[data-workspace=admin] #promo-page .promo-search{flex-wrap:nowrap}
  body[data-workspace=admin] #promo-page .promo-search-field{flex:1;min-width:0}
  body[data-workspace=admin] .promo-table .promo-actions-cell{grid-column:1/-1;grid-row:4;justify-self:stretch}
  body[data-workspace=admin] .promo-row-actions{justify-content:flex-end;gap:8px}
  body[data-workspace=admin] .promo-table .promo-service-cell{grid-column:1/-1}
  body[data-workspace=admin] .promo-value-row{min-width:0}
  body[data-workspace=admin] .promo-value-row a{overflow-wrap:anywhere;word-break:break-word}

  /* Lists use labelled cards; numeric reports keep their comparison columns. */
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards]{padding:0 12px 12px;overflow:visible}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] table{display:block;white-space:normal;min-width:0}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] tbody{display:grid;gap:12px}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--solid)}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] td{display:block;min-width:0;max-width:none;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;text-align:start!important;font-size:13px}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] td::before{content:attr(data-label);display:block;color:var(--faint);font:500 11px/1.5 Manrope,Arial,sans-serif;margin-bottom:5px;text-transform:none;letter-spacing:0}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] td small{font-size:11px;overflow-wrap:anywhere;white-space:normal}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] td[data-label=""]{grid-column:1/-1}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] td[data-label=""]::before{display:none}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] td .tag{white-space:normal;font-size:11px}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] :is(.statistics-country,.service-name){min-width:0;align-items:center;gap:8px}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] :is(.statistics-country,.service-name) strong{min-width:0;overflow-wrap:anywhere}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] :is(.service-countries,.history-row-actions){max-width:100%;min-width:0;flex-wrap:wrap}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] .history-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards][data-mobile-page=users] td:nth-child(2),body[data-workspace=admin] .table-wrap[data-mobile-layout=cards][data-mobile-page=privilegeServices] td:nth-child(2){grid-column:1/-1;grid-row:1;font-size:15px}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards]:is([data-mobile-page=countries],[data-mobile-page=services],[data-mobile-page=blockedServices],[data-mobile-page=blockedCountries]) td:first-child{grid-column:1/-1;font-size:15px}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards][data-mobile-page=services] td:nth-child(4),body[data-workspace=admin] .table-wrap[data-mobile-layout=cards][data-mobile-page=blockedCountries] td:last-child{grid-column:1/-1}
}

@media(max-width:360px){
  body[data-workspace=admin] .app-content{padding-inline:10px}
  body[data-workspace=admin] .ad-metric-value,body[data-workspace=admin] .ac-metric>strong{font-size:23px}
  body[data-workspace=admin] .ad-metric-label{gap:4px}
  body[data-workspace=admin] .ad-metric-icon{display:none}
  body[data-workspace=admin] .table-wrap[data-mobile-layout=cards] .history-row-actions{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:999px){
  html[dir=rtl] body[data-workspace=admin] .app-rail{left:auto;right:12px;transform:translateX(calc(100% + 24px))}
  html[dir=rtl] body[data-workspace=admin].nav-open .app-rail{transform:translateX(0)}
}

@media(max-width:999px) and (orientation:landscape){
  body[data-workspace=admin] dialog{max-height:calc(100dvh - 16px)}
  body[data-workspace=admin] .support-inbox{height:70dvh;min-height:280px}
}

/* Supplier code quotas share the existing administration surface. */
.code-limit-table th{white-space:normal;overflow-wrap:anywhere}
.code-limit-table{table-layout:fixed;width:100%}.code-limit-table td{white-space:normal;overflow-wrap:anywhere}.code-limit-table th:nth-child(1){width:18%}.code-limit-table th:nth-child(2){width:12%}.code-limit-table th:nth-child(3){width:14%}.code-limit-table th:nth-child(4){width:11%}.code-limit-table th:nth-child(5){width:11%}.code-limit-table th:nth-child(6){width:10%}.code-limit-table th:nth-child(7){width:14%}.code-limit-table th:nth-child(8){width:10%}.code-limit-table td.code-limit-actions{padding-inline:6px}.code-limit-table td.nowrap{white-space:normal}
.code-limit-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.code-limit-note{line-height:1.7;margin-bottom:23px}.code-limit-table{min-width:900px}.code-limit-table td{vertical-align:middle}.code-limit-table .code-limit-id{display:block;color:var(--muted);font-size:12px;margin-top:5px}.code-limit-table progress{display:block;width:100px;height:5px;margin-top:8px;accent-color:var(--blue)}.code-limit-actions{white-space:nowrap}.code-limit-actions .button{padding:6px;min-height:30px;margin-inline-end:5px}.code-limit-actions .button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.code-limit-actions svg{width:15px;height:15px}.code-limit-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.code-limit-editor-fields [hidden]{display:none}.code-limit-paging{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:18px 22px;border-top:1px solid var(--line)}
@media(max-width:740px){.code-limit-editor-fields{grid-template-columns:minmax(0,1fr)}.code-limit-editor-fields :is(input,select){font-size:16px;min-height:44px}.code-limit-heading-actions .button{min-height:40px}.code-limit-table{min-width:0}.code-limit-table thead{display:none}.code-limit-table,.code-limit-table tbody,.code-limit-table tr,.code-limit-table td{display:block;width:100%}.code-limit-table tr{padding:15px 18px;border-bottom:1px solid var(--line)}.code-limit-table td{padding:7px 0;border:0;white-space:normal}.code-limit-table td[data-label]:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.code-limit-table .code-limit-actions{display:flex;gap:8px;padding-top:12px}.code-limit-actions .button{min-height:40px;padding:8px 12px}.code-limit-actions .button span{position:static;width:auto;height:auto;clip-path:none;margin-inline-start:5px}}

@media(max-width:740px){.code-limit-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.code-limit-table td:first-child,.code-limit-table td:last-child{grid-column:1/-1}.code-limit-table td.code-limit-actions{padding-inline:0}}
