/* =========================================================
   A2TDEV services focused responsive repair
   Scope: only Services, Project Requests, Start Project, Workspace,
   service profile, project payments/status and service utility pages.
   Loaded after the global mobile completion layer so it can override only
   service-page regressions without changing Blog/Product/navbar styling.
   ========================================================= */

@media (max-width: 760px) {
  :root {
    --a2t-service-gutter: clamp(12px, 4vw, 16px);
    --a2t-service-radius: 16px;
    --a2t-service-line: var(--a2t-line, #e5eaf2);
    --a2t-service-card: var(--a2t-surface, #ffffff);
    --a2t-service-soft: var(--a2t-soft, #f7f9fc);
    --a2t-service-text: var(--a2t-text, #07111f);
    --a2t-service-muted: var(--a2t-muted, #667085);
    --a2t-service-blue: var(--a2t-blue, #155dfc);
  }

  html[data-theme='dark'] {
    --a2t-service-line: #1e293b;
    --a2t-service-card: #0d1422;
    --a2t-service-soft: #111a2b;
    --a2t-service-text: #f8fafc;
    --a2t-service-muted: #98a6bb;
    --a2t-service-blue: #60a5fa;
  }

  #a2t-main-content:has(.a2t-services-pro),
  #a2t-main-content:has(.a2t-freelancer-detail),
  #a2t-main-content:has(.a2t-pr-page),
  #a2t-main-content:has(.a2t-client-portal-shell),
  #a2t-main-content:has(.a2cw),
  #a2t-main-content:has(.a2t-payment-shell),
  #a2t-main-content:has(.a2t-status-page),
  #a2t-main-content:has(.a2t-activity-page),
  #a2t-main-content:has(.work-report-page) {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: clip !important;
    background: var(--a2t-bg, #ffffff) !important;
  }

  html[data-theme='dark'] #a2t-main-content:has(.a2t-services-pro),
  html[data-theme='dark'] #a2t-main-content:has(.a2t-freelancer-detail),
  html[data-theme='dark'] #a2t-main-content:has(.a2t-pr-page),
  html[data-theme='dark'] #a2t-main-content:has(.a2t-client-portal-shell),
  html[data-theme='dark'] #a2t-main-content:has(.a2cw),
  html[data-theme='dark'] #a2t-main-content:has(.a2t-payment-shell),
  html[data-theme='dark'] #a2t-main-content:has(.a2t-status-page),
  html[data-theme='dark'] #a2t-main-content:has(.a2t-activity-page),
  html[data-theme='dark'] #a2t-main-content:has(.work-report-page) {
    background: #05070d !important;
  }

  :is(.a2t-services-pro, .a2t-freelancer-detail, .a2t-pr-page, .a2t-client-portal-shell, .a2cw, .a2t-payment-shell, .a2t-status-page, .a2t-activity-page, .work-report-page),
  :is(.a2t-services-pro, .a2t-freelancer-detail, .a2t-pr-page, .a2t-client-portal-shell, .a2cw, .a2t-payment-shell, .a2t-status-page, .a2t-activity-page, .work-report-page) * {
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  :is(.a2t-services-pro, .a2t-freelancer-detail, .a2t-pr-page, .a2t-client-portal-shell, .a2cw, .a2t-payment-shell, .a2t-status-page, .a2t-activity-page, .work-report-page) :is(img, video, iframe, table, svg, canvas) {
    max-width: 100% !important;
  }

  :is(.a2t-services-pro, .a2t-freelancer-detail, .a2t-pr-page, .a2t-client-portal-shell, .a2cw, .a2t-payment-shell, .a2t-status-page, .a2t-activity-page, .work-report-page) :is(a, button, input, select, textarea, label, summary) {
    -webkit-tap-highlight-color: rgba(21, 93, 252, .14) !important;
  }

  :is(.a2t-services-pro, .a2t-freelancer-detail, .a2t-pr-page, .a2t-client-portal-shell, .a2cw, .a2t-payment-shell, .a2t-status-page, .a2t-activity-page, .work-report-page) :is(.a2t-btn, .a2t-btn-dark, .a2cw-primary, .a2cw-outline, .a2cw-soft-btn, .a2t-pr-btn, .a2t-pr-btn-secondary, button[type='submit']) {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
  }

  /* Public services landing */
  .a2t-services-pro {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px var(--a2t-service-gutter) 56px !important;
    margin: 0 auto !important;
    overflow-x: clip !important;
  }

  .a2t-services-pro .a2t-service-hero,
  .a2t-services-pro .a2t-start-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 20px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  .a2t-services-pro .a2t-service-title {
    font-size: clamp(32px, 11vw, 44px) !important;
    line-height: .98 !important;
    letter-spacing: -.06em !important;
  }

  .a2t-services-pro .a2t-service-lead,
  .a2t-services-pro .a2t-service-head p,
  .a2t-services-pro .a2t-start-panel p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .a2t-services-pro .a2t-service-actions,
  .a2t-services-pro .a2t-action-row,
  .a2t-services-pro .a2t-start-box {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .a2t-services-pro .a2t-service-actions > *,
  .a2t-services-pro .a2t-action-row > *,
  .a2t-services-pro .a2t-start-box > * {
    width: 100% !important;
  }

  .a2t-services-pro .a2t-studio-metrics,
  .a2t-services-pro .a2t-service-grid,
  .a2t-services-pro .a2t-process-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .a2t-services-pro .a2t-service-card,
  .a2t-services-pro .a2t-process-card,
  .a2t-services-pro .a2t-studio-card,
  .a2t-services-pro .a2t-studio-metric {
    border-radius: 18px !important;
    padding: 16px !important;
  }

  /* Service profile/detail */
  .a2t-freelancer-detail {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px var(--a2t-service-gutter) 56px !important;
    overflow-x: clip !important;
  }

  .a2t-freelancer-detail :is(.a2t-freelancer-hero, .a2t-work-grid, .a2t-product-grid, .a2t-review-grid, .a2t-completed-grid) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .a2t-freelancer-detail :is(.a2t-freelancer-profile-card, .a2t-freelancer-side-card, .a2t-freelancer-section, .a2t-tab-panel, .a2t-review-form, .completed-project, .product-card) {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
    padding: 16px !important;
    overflow: hidden !important;
  }

  .a2t-freelancer-detail .a2t-freelancer-profile-card h1 {
    font-size: clamp(28px, 9vw, 40px) !important;
    line-height: 1 !important;
  }

  .a2t-freelancer-detail .a2t-freelancer-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .a2t-freelancer-detail .a2t-freelancer-tabs {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 0 0 8px !important;
    margin: 12px 0 !important;
    scrollbar-width: none !important;
  }

  .a2t-freelancer-detail .a2t-freelancer-tabs::-webkit-scrollbar { display: none !important; }

  .a2t-freelancer-detail .a2t-freelancer-tabs button {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  .a2t-freelancer-detail :is(.a2t-action-row, .a2t-status-actions) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .a2t-freelancer-detail :is(.a2t-action-row, .a2t-status-actions) > * {
    width: 100% !important;
  }

  /* Start Project guided form */
  .a2t-pr-page {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px var(--a2t-service-gutter) 56px !important;
    margin: 0 !important;
    overflow-x: clip !important;
  }

  .a2t-pr-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
  }

  .a2t-pr-side,
  .a2t-pr-form-card,
  .a2t-pr-section,
  .a2t-pr-form-header,
  .a2t-pr-summary-card,
  .a2t-pr-review-box {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
    box-shadow: none !important;
  }

  .a2t-pr-side {
    position: static !important;
    padding: 18px !important;
  }

  .a2t-pr-title,
  .a2t-pr-form-header h1 {
    font-size: clamp(28px, 10vw, 40px) !important;
    line-height: 1 !important;
    letter-spacing: -.06em !important;
  }

  .a2t-pr-lead,
  .a2t-pr-form-header p,
  .a2t-pr-section-head p,
  .a2t-pr-step-note,
  .a2t-pr-help {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .a2t-pr-flow {
    display: none !important;
  }

  .a2t-pr-progress {
    display: flex !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding: 12px !important;
    scrollbar-width: none !important;
  }

  .a2t-pr-progress::-webkit-scrollbar { display: none !important; }

  .a2t-pr-progress a {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  .a2t-pr-section,
  .a2t-pr-form-header,
  .a2t-pr-submit {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .a2t-pr-grid,
  .a2t-pr-choice-grid,
  .a2t-pr-dynamic-group,
  .a2t-pr-review-list,
  .a2t-pr-summary,
  .a2t-pr-step-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .a2t-pr-choice-card {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .a2t-pr-choice-icon {
    position: static !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 14px !important;
  }

  .a2t-pr-choice-copy,
  .a2t-pr-choice-copy strong,
  .a2t-pr-choice-copy span {
    min-width: 0 !important;
    display: block !important;
  }

  .a2t-pr-upload {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .a2t-pr-submit :is(.a2t-pr-btn, .a2t-pr-btn-secondary),
  .a2t-pr-step-actions :is(.a2t-pr-btn, .a2t-pr-btn-secondary) {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
  }

  /* Client requests dashboard: service page that regressed in screenshot */
  .a2t-page-shell.a2t-client-portal-shell,
  .a2t-client-portal-shell,
  .a2t-requests-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: clip !important;
    background: var(--a2t-bg, #ffffff) !important;
  }

  html[data-theme='dark'] .a2t-page-shell.a2t-client-portal-shell,
  html[data-theme='dark'] .a2t-client-portal-shell,
  html[data-theme='dark'] .a2t-requests-page {
    background: #05070d !important;
  }

  .a2t-requests-page .a2t-client-portal-layout,
  .a2t-client-portal-shell .a2t-client-portal-layout,
  .a2t-requests-layout {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 12px var(--a2t-service-gutter) 56px !important;
    overflow: visible !important;
  }

  .a2t-requests-page :is(.a2t-service-sidebar, .a2t-client-nav, .a2t-requests-sidebar) {
    display: none !important;
  }

  .a2t-requests-page .a2t-client-dashboard-main,
  .a2t-client-portal-shell .a2t-client-dashboard-main,
  .a2t-requests-main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .a2t-requests-page .a2t-dashboard-breadcrumb {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    padding: 2px 0 10px !important;
    margin: 0 !important;
    font-size: 12px !important;
  }

  .a2t-requests-page .a2t-dashboard-stats {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  .a2t-requests-page .a2t-stat-card {
    min-height: 92px !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 1px 12px !important;
    align-items: center !important;
    padding: 14px !important;
    border-radius: 17px !important;
    box-shadow: none !important;
  }

  .a2t-requests-page .a2t-stat-icon {
    grid-row: 1 / 4 !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
  }

  .a2t-requests-page .a2t-stat-card > span:not(.a2t-stat-icon),
  .a2t-requests-page .a2t-stat-card small {
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  .a2t-requests-page .a2t-stat-card strong {
    margin: 0 !important;
    font-size: clamp(21px, 7vw, 28px) !important;
    line-height: 1 !important;
  }

  .a2t-requests-page .a2t-section-block {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
    padding: 14px !important;
    margin: 12px 0 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .a2t-requests-page .a2t-dashboard-hero.compact {
    padding: 0 !important;
    margin: 0 0 14px !important;
    background: transparent !important;
    border: 0 !important;
  }

  .a2t-requests-page .a2t-section-heading {
    font-size: clamp(22px, 7vw, 30px) !important;
    line-height: 1.08 !important;
    margin: 0 0 6px !important;
  }

  .a2t-requests-page .a2t-muted {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .a2t-requests-page .a2t-project-toolbar,
  .a2t-requests-page .a2t-project-search,
  .a2t-requests-page .a2t-project-table-wrap,
  .a2t-requests-page .a2t-project-table-wrap > .a2t-responsive-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .a2t-requests-page .a2t-project-toolbar {
    display: grid !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  .a2t-requests-page .a2t-project-search {
    min-height: 48px !important;
    border-radius: 15px !important;
  }

  .a2t-requests-page .a2t-project-search input {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    font-size: 15px !important;
  }

  .a2t-requests-page .a2t-project-filters {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 0 2px 4px !important;
    margin: 0 !important;
    scrollbar-width: none !important;
  }

  .a2t-requests-page .a2t-project-filters::-webkit-scrollbar { display: none !important; }

  .a2t-requests-page .a2t-project-filters button {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
    padding: 0 13px !important;
  }

  .a2t-requests-page .a2t-project-table-wrap,
  .a2t-requests-page .a2t-project-table-wrap > .a2t-responsive-table-wrap {
    display: block !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .a2t-requests-page .a2t-project-table,
  .a2t-requests-page .a2t-project-table thead,
  .a2t-requests-page .a2t-project-table tbody,
  .a2t-requests-page .a2t-project-table tr,
  .a2t-requests-page .a2t-project-table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .a2t-requests-page .a2t-project-table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
    table-layout: auto !important;
  }

  .a2t-requests-page .a2t-project-table thead {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }

  .a2t-requests-page .a2t-project-table tbody {
    display: grid !important;
    gap: 12px !important;
  }

  .a2t-requests-page .a2t-project-table tr {
    border: 1px solid var(--a2t-service-line) !important;
    border-radius: 18px !important;
    background: var(--a2t-service-card) !important;
    padding: 14px !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .a2t-requests-page .a2t-project-table td {
    border: 0 !important;
    padding: 8px 0 !important;
    color: var(--a2t-service-text) !important;
  }

  .a2t-requests-page .a2t-project-table td + td {
    border-top: 1px solid var(--a2t-service-line) !important;
  }

  .a2t-requests-page .a2t-project-table td:first-child {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
  }

  .a2t-requests-page .a2t-project-table td:first-child strong {
    display: block !important;
    margin: 0 0 8px !important;
    color: var(--a2t-service-text) !important;
    font-size: 16px !important;
    line-height: 1.22 !important;
    font-weight: 950 !important;
    overflow-wrap: anywhere !important;
  }

  .a2t-requests-page .a2t-project-table td:first-child span {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 28px !important;
    align-items: center !important;
    border: 1px solid var(--a2t-service-line) !important;
    border-radius: 999px !important;
    background: var(--a2t-service-soft) !important;
    color: var(--a2t-service-muted) !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: normal !important;
  }

  .a2t-requests-page .a2t-project-table td:not(:first-child):not([data-label='Actions']) {
    display: grid !important;
    grid-template-columns: minmax(88px, 36%) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
  }

  .a2t-requests-page .a2t-project-table td:not(:first-child):not([data-label='Actions'])::before {
    content: attr(data-label) !important;
    display: block !important;
    color: var(--a2t-service-muted) !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
  }

  .a2t-requests-page .a2t-project-table td[data-label='Actions']::before {
    display: none !important;
    content: none !important;
  }

  .a2t-requests-page .a2t-table-actions {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    overflow: visible !important;
  }

  .a2t-requests-page .a2t-table-actions .a2t-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .a2t-requests-page .a2t-row-menu,
  .a2t-requests-page .a2t-row-menu .a2t-icon-btn {
    width: 100% !important;
    max-width: 100% !important;
  }

  .a2t-requests-page .a2t-row-menu .a2t-icon-btn {
    height: 44px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .a2t-requests-page .a2t-row-menu .a2t-icon-btn::after {
    content: 'More actions';
    font-size: 12px;
    font-weight: 900;
  }

  .a2t-requests-page .a2t-row-menu-panel {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 8px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  .a2t-requests-page .a2t-row-menu-panel a,
  .a2t-requests-page .a2t-row-menu-panel button {
    width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .a2t-requests-page .a2t-overflow-contained,
  .a2t-requests-page .a2t-completion-overflow-contained,
  .a2t-requests-page .a2t-completion-scroll-contained {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: visible !important;
  }

  /* Project workspace */
  .a2cw {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px var(--a2t-service-gutter) 56px !important;
    overflow-x: clip !important;
  }

  .a2cw-breadcrumb,
  .a2cw-layout {
    width: 100% !important;
    max-width: 100% !important;
  }

  .a2cw-breadcrumb {
    height: auto !important;
    min-height: 28px !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    padding-bottom: 8px !important;
    margin: 0 0 8px !important;
  }

  .a2cw-main,
  .a2cw-stage-stack,
  .a2cw-stage,
  .a2cw-sidebar {
    display: grid !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .a2cw-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 17px !important;
    border-radius: 18px !important;
  }

  .a2cw-hero h1 {
    font-size: clamp(26px, 9vw, 38px) !important;
    line-height: 1.02 !important;
  }

  .a2cw-status {
    justify-self: start !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: left !important;
  }

  .a2cw-stepper {
    display: flex !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 10px !important;
    overflow-x: auto !important;
    border-radius: 16px !important;
    scrollbar-width: none !important;
  }

  .a2cw-stepper::-webkit-scrollbar { display: none !important; }

  .a2cw-step {
    flex: 0 0 136px !important;
    min-height: 54px !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    padding: 8px !important;
    border: 1px solid var(--a2cw-line) !important;
    border-radius: 14px !important;
    background: var(--a2cw-soft) !important;
  }

  .a2cw-step::after { display: none !important; }
  .a2cw-step span { width: 28px !important; height: 28px !important; }
  .a2cw-step strong { font-size: 12px !important; }
  .a2cw-step small { font-size: 10.5px !important; }

  .a2cw-content-grid,
  .a2cw-min-split,
  .a2cw-stage-clean-split,
  .a2cw-review-result,
  .a2cw-mini-facts,
  .a2cw-proposal-grid,
  .a2cw-delivery-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .a2cw-card,
  .a2cw-side-card,
  .a2cw-min-card,
  .a2cw-min-side-card,
  .a2cw-progress-item,
  .a2cw-proposal-milestone,
  .a2cw-request-description-grid div {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .a2cw-min-card,
  .a2cw-min-side-card {
    padding: 16px !important;
  }

  .a2cw-mini-side div,
  .a2cw-min-side-list div,
  .a2cw-payment-breakdown div,
  .a2cw-min-payment,
  .a2cw-payment-total {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    text-align: left !important;
  }

  .a2cw-mini-side strong,
  .a2cw-min-side-list strong,
  .a2cw-payment-breakdown strong {
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .a2cw-min-files a,
  .a2cw-update-files .a2cw-min-files a {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .a2cw-min-files a small,
  .a2cw-update-files .a2cw-min-files a small {
    grid-column: 2 !important;
    white-space: normal !important;
  }

  .a2cw-progress-item summary {
    padding: 14px !important;
    grid-template-columns: minmax(0, 1fr) 28px !important;
  }

  .a2cw-progress-body {
    padding: 14px !important;
  }

  .a2cw-min-action-stack :is(a, button, summary) {
    width: 100% !important;
    min-height: 44px !important;
  }

  .a2cw-action-details form {
    display: grid !important;
    gap: 10px !important;
  }

  /* Payment/status/activity utility pages in services */
  .a2t-payment-shell,
  .a2t-status-page,
  .a2t-activity-page,
  .work-report-page {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px var(--a2t-service-gutter) 56px !important;
    overflow-x: clip !important;
  }

  .a2t-payment-shell .a2t-payment-grid,
  .a2t-payment-shell .a2t-card-grid,
  .a2t-status-page .a2t-project-facts,
  .a2t-status-actions,
  .a2t-activity-list,
  .work-report-page .a2t-responsive-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .a2t-payment-shell :is(.a2t-pay-card, .a2t-card-checkout, .a2t-payment-note),
  .a2t-status-page :is(.a2t-status-card, .a2t-pay-card, .a2t-project-fact),
  .a2t-activity-page :is(.a2t-activity-card, .a2t-activity-item),
  .work-report-page :is(.a2t-section-block, .a2t-portal-panel) {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 18px !important;
    padding: 16px !important;
    overflow: hidden !important;
  }

  .a2t-status-actions > *,
  .a2t-payment-shell :is(.a2t-paypal-button, .a2t-card-submit, .a2t-btn, .a2t-btn-dark),
  .work-report-page :is(.a2t-btn, .a2t-btn-dark) {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: center !important;
  }
}

@media (max-width: 380px) {
  .a2t-requests-page .a2t-project-table tr,
  .a2t-pr-side,
  .a2t-pr-form-card,
  .a2cw-card,
  .a2cw-side-card,
  .a2t-freelancer-detail :is(.a2t-freelancer-profile-card, .a2t-freelancer-side-card, .a2t-freelancer-section),
  .a2t-services-pro :is(.a2t-service-hero, .a2t-service-card, .a2t-process-card, .a2t-start-panel) {
    border-radius: 15px !important;
    padding: 13px !important;
  }

  .a2t-requests-page .a2t-project-table td:not(:first-child):not([data-label='Actions']) {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  .a2t-pr-choice-card {
    grid-template-columns: 1fr !important;
  }

  .a2t-pr-choice-icon {
    margin-bottom: 2px !important;
  }

  .a2cw-step {
    flex-basis: 124px !important;
  }
}