#cma-app{max-width:900px;margin:20px auto;font-family:system-ui,-apple-system,sans-serif;color:#1f2937}
.cma-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.cma-header h1{margin:0}.cma-header p{margin:4px 0 0;color:#6b7280}.cma-tabs{display:flex;gap:8px;margin-bottom:16px}.cma-tab,.cma-primary,.cma-secondary{border:0;border-radius:10px;padding:12px 16px;cursor:pointer;font-weight:700}.cma-tab.active,.cma-primary{background:#5b21b6;color:#fff}.cma-secondary,.cma-tab{background:#f3f4f6;color:#374151}.cma-card,.cma-final,.cma-login{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.cma-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cma-grid label,label{font-weight:650;display:block}.cma-grid input,.cma-row input,.cma-wage-row input,.cma-admin-box input{width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid #d1d5db;border-radius:9px;font-size:16px}.cma-help{font-size:13px;color:#6b7280}.cma-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.cma-comparison>div,.cma-final>div{background:#f9fafb;padding:12px;border-radius:10px;display:flex;justify-content:space-between;gap:10px}.cma-comparison span,.cma-final span{font-size:13px}.cma-status.positive{background:#dcfce7}.cma-status.negative{background:#fee2e2}.cma-status.neutral{background:#f3f4f6}.cma-takehome{grid-column:1/-1;background:#ede9fe!important}.cma-row{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:8px;margin-bottom:8px}.cma-wage-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;align-items:center;margin-bottom:8px}.cma-remove{border:0;background:#fee2e2;border-radius:8px;padding:0 12px}.cma-total{margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between}.cma-final{background:#111827;color:#fff}.cma-final>div{background:transparent;border-bottom:1px solid #374151;border-radius:0}.cma-final .cma-cash-left{font-size:18px;background:#ede9fe;color:#312e81;border-radius:10px;border:0;margin-top:8px}.cma-save{width:100%;font-size:16px}.cma-tab-panel{display:none}.cma-tab-panel.active{display:block}.cma-login{text-align:center;max-width:400px;margin:60px auto}.cma-lock{font-size:42px}.cma-login .cma-primary{display:inline-block;text-decoration:none}.cma-report-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.cma-report-output{margin-top:16px}.cma-report-table{width:100%;border-collapse:collapse;background:#fff}.cma-report-table th,.cma-report-table td{padding:10px;border:1px solid #e5e7eb;text-align:left}.cma-report-table td:last-child{text-align:right}.cma-report-section{margin-top:18px}.cma-admin-box{background:#fff;padding:20px;border:1px solid #ddd;max-width:600px}.cma-admin-box li{padding:8px 0;border-bottom:1px solid #eee}.cma-user a{color:#5b21b6}.cma-message-success{color:#166534;font-weight:700;padding:12px}.cma-message-error{color:#b91c1c;font-weight:700;padding:12px}
@media(max-width:640px){#cma-app{margin:10px}.cma-header{align-items:flex-start;flex-direction:column}.cma-grid.two,.cma-comparison,.cma-row,.cma-wage-row{grid-template-columns:1fr}.cma-row{padding:12px;background:#f9fafb;border-radius:10px}.cma-wage-row{padding:10px 0}.cma-tabs button{flex:1}.cma-card,.cma-final{padding:14px}}
@media print{body *{visibility:hidden}#cma-report-output,#cma-report-output *{visibility:visible}#cma-report-output{position:absolute;left:0;top:0;width:100%}}

.cma-submit-success{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:14px;color:#166534}.cma-success-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;font-size:22px;font-weight:800;flex:0 0 38px}.cma-submit-success h3{margin:0 0 4px;font-size:18px}.cma-submit-success p{margin:0;color:#166534;font-size:14px}.cma-submit-success .cma-primary{margin-left:auto;white-space:nowrap}
@media(max-width:640px){.cma-submit-success{align-items:flex-start;flex-wrap:wrap}.cma-submit-success .cma-primary{width:100%;margin-left:0}}

.cma-edit-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:14px;border:1px solid #c4b5fd;background:#f5f3ff;border-radius:14px;color:#4c1d95}.cma-edit-banner span{display:block;font-size:13px;color:#6b7280;margin-top:3px}.cma-history-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cma-history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e5e7eb}.cma-history-row:last-child{border-bottom:0}.cma-history-row strong{display:block}.cma-history-row small{display:block;color:#6b7280;margin-top:4px}.cma-history-over,.cma-history-short,.cma-history-balanced{display:inline-block;margin-top:5px;font-weight:700;font-size:12px}.cma-history-over{color:#15803d}.cma-history-short{color:#b91c1c}.cma-history-balanced{color:#4b5563}.cma-history-actions{flex:0 0 auto}
@media(max-width:640px){.cma-edit-banner,.cma-history-header,.cma-history-row{align-items:flex-start;flex-direction:column}.cma-history-actions{width:100%}.cma-history-actions button{width:100%}}

.cma-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e5e7eb}.cma-history-row span{font-size:13px;color:#6b7280}@media(max-width:640px){.cma-history-row{align-items:flex-start;flex-direction:column}.cma-history-row button{width:100%}}



/* v1.1.3 All Transactions: one complete editable card per saved report */
.cma-full-report-card{margin:18px 0;padding:22px}.cma-full-report-head,.cma-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cma-full-report-head h3,.cma-full-section h4{margin:0}.cma-record-id{font-size:12px;font-weight:800;background:#ede9fe;color:#5b21b6;padding:6px 9px;border-radius:999px}.cma-full-section{margin-top:22px;padding-top:18px;border-top:1px solid #e5e7eb}.cma-section-head{align-items:center}.cma-full-labels,.cma-full-row{display:grid;grid-template-columns:1fr 1fr 1.4fr 42px;gap:8px;align-items:center}.cma-full-labels,.cma-full-wage-labels{font-size:12px;font-weight:750;color:#6b7280;margin:12px 0 6px}.cma-full-row{margin-bottom:8px}.cma-full-row input,.cma-full-wage input,.cma-full-period input{width:100%;box-sizing:border-box;padding:11px;border:1px solid #d1d5db;border-radius:9px;font-size:16px}.cma-full-wage-labels,.cma-full-wage{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;align-items:center}.cma-full-wage{margin-bottom:8px}.cma-remove-full{height:42px;border:0;border-radius:9px;background:#fee2e2;color:#b91c1c;font-size:22px;cursor:pointer}.cma-full-calcs{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px;align-items:center;margin-top:14px;padding:12px;border-radius:10px;background:#f9fafb}.cma-full-summary{margin-top:22px;background:#111827;color:#fff;border-radius:14px;padding:14px}.cma-full-summary>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #374151}.cma-full-summary>div:last-child{border-bottom:0}.cma-full-summary .cma-full-cash-left{margin-top:8px;padding:12px;border-radius:10px;background:#ede9fe;color:#312e81;font-size:17px}.cma-update-full-report{width:100%;margin-top:16px;font-size:16px}
@media(max-width:640px){.cma-full-report-card{padding:15px}.cma-full-report-head,.cma-section-head{flex-direction:column;align-items:flex-start}.cma-section-head .cma-secondary{width:100%}.cma-full-labels,.cma-full-wage-labels{display:none}.cma-full-row,.cma-full-wage{grid-template-columns:1fr}.cma-full-row{padding:12px;background:#f9fafb;border-radius:12px;margin-bottom:10px}.cma-full-row input,.cma-full-wage input{min-height:42px}.cma-full-row:before{content:'Edit transaction';font-size:12px;font-weight:700;color:#6b7280}.cma-full-wage{padding:12px 0;border-bottom:1px solid #e5e7eb}.cma-full-calcs{grid-template-columns:1fr auto}.cma-full-calcs span:nth-of-type(2){grid-column:1}.cma-full-calcs strong:nth-of-type(2){grid-column:2}}


/* Collapsed report cards in All Transactions */
.cma-collapsed-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.cma-report-title{display:flex;align-items:center;gap:14px}.cma-doc-icon{font-size:28px;background:#eef6ef;border-radius:14px;padding:10px}.cma-report-title h3{margin:0 0 7px}.cma-status{font-size:11px;letter-spacing:.06em;color:#27754a;background:#e7f4ea;border-radius:999px;padding:6px 10px;margin-left:8px}.cma-period-visible{font-size:14px;color:#475569}.cma-period-visible span{padding:0 8px;color:#cbd5e1}.cma-card-actions{display:flex;align-items:center;gap:10px}.cma-chevron{border:0;background:transparent;font-size:28px;cursor:pointer;color:#475569;width:40px}.cma-collapsed-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.cma-collapsed-summary>div{padding:0 12px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;gap:5px}.cma-collapsed-summary>div:last-child{border-right:0}.cma-collapsed-summary span{font-size:12px;color:#64748b}.cma-collapsed-summary strong{font-size:16px}.cma-report-editor{margin-top:18px}.cma-collapsed-report .cma-report-editor{display:none}.cma-collapsed-report .cma-collapsed-summary{display:grid}.cma-full-report-card:not(.cma-collapsed-report) .cma-collapsed-summary{display:none}.cma-full-report-card:not(.cma-collapsed-report){box-shadow:0 8px 28px rgba(15,23,42,.12)}
@media(max-width:700px){.cma-collapsed-head{align-items:flex-start}.cma-report-title{align-items:flex-start}.cma-doc-icon{font-size:20px;padding:8px}.cma-card-actions{flex-shrink:0}.cma-toggle-edit{padding:9px 10px}.cma-collapsed-summary{grid-template-columns:1fr 1fr}.cma-collapsed-summary>div{padding:10px;border-right:0;border-bottom:1px solid #e5e7eb}.cma-period-visible{line-height:1.8}.cma-period-visible span{display:none}}

/* v1.1.7 mobile and automatic transaction-date improvements */
#cma-app{width:100%;max-width:980px;box-sizing:border-box;padding:0 12px}
#cma-app *,#cma-app *::before,#cma-app *::after{box-sizing:border-box}
.cma-user{color:#64748b;font-size:14px}
.cma-fixed-date{min-height:42px;padding:10px 12px;border:1px solid #d1d5db;border-radius:9px;background:#f8fafc;display:flex;flex-direction:column;justify-content:center;gap:2px}
.cma-fixed-date span{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
.cma-fixed-date strong{font-size:15px;color:#1f2937}
.cma-full-fixed-date{padding:11px 10px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:9px;font-weight:600}
.cma-report-table-wrap{overflow-x:auto;width:100%}
.cma-full-report-card{overflow:hidden}
@media(max-width:700px){
  #cma-app{margin:8px auto;padding:0 8px}
  .cma-header{width:100%;gap:8px}
  .cma-header h1{font-size:28px;line-height:1.15}
  .cma-header p{font-size:13px}
  .cma-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}
  .cma-tab{min-height:46px;padding:10px 8px;font-size:14px}
  .cma-grid.two,.cma-comparison{grid-template-columns:1fr}
  .cma-card,.cma-final{padding:14px;border-radius:14px}
  .cma-row{grid-template-columns:1fr;gap:9px;padding:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px}
  .cma-row .cma-remove{width:100%;min-height:42px}
  .cma-wage-row{grid-template-columns:1fr;gap:8px;padding:12px 0;border-bottom:1px solid #e5e7eb}
  .cma-report-buttons{display:grid;grid-template-columns:1fr 1fr}
  .cma-report-buttons button{width:100%}
  .cma-history-row{padding:14px 0}
  .cma-full-report-head,.cma-section-head{gap:10px}
  .cma-full-calcs{grid-template-columns:1fr}
  .cma-full-summary{padding:12px}
  .cma-report-table{min-width:600px}
  .cma-submit-success{align-items:flex-start}
  input,select,button{font-size:16px}
}

/* v1.1.8 - Mobile-first overflow and form layout fix */
html, body { max-width: 100%; overflow-x: hidden; }
#cma-app { width: 100% !important; max-width: 980px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 12px !important; padding-right: 12px !important; }
#cma-app, #cma-app * { box-sizing: border-box !important; min-width: 0; }
#cma-app .cma-grid { width: 100% !important; }
#cma-app .cma-grid > label { width: 100% !important; min-width: 0 !important; }
#cma-app input[type="date"],
#cma-app input[type="number"],
#cma-app input[type="text"],
#cma-app select,
#cma-app textarea { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
#cma-app .cma-card,
#cma-app .cma-final,
#cma-app .cma-history-card { width: 100% !important; max-width: 100% !important; }
#cma-app .cma-report-buttons { width: 100% !important; }
#cma-app .cma-report-buttons button { min-width: 0 !important; white-space: normal !important; }
#cma-app .cma-history-row,
#cma-app .cma-full-report-card,
#cma-app .cma-collapsed-head,
#cma-app .cma-report-title,
#cma-app .cma-card-actions { min-width: 0 !important; }
#cma-app .cma-report-title > div { min-width: 0 !important; overflow-wrap: anywhere; }
#cma-app .cma-full-report-head,
#cma-app .cma-section-head { min-width: 0 !important; }
#cma-app .cma-report-output { width: 100% !important; min-width: 0 !important; overflow-x: auto; }
#cma-app .cma-report-table-wrap { width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }

@media (max-width: 767px) {
    #cma-app { padding-left: 8px !important; padding-right: 8px !important; margin-top: 8px !important; }
    #cma-app .cma-header { display: block !important; width: 100% !important; }
    #cma-app .cma-header h1 { font-size: clamp(26px, 8vw, 34px) !important; line-height: 1.15 !important; overflow-wrap: anywhere; }
    #cma-app .cma-header p { font-size: 14px !important; line-height: 1.4 !important; }

    #cma-app .cma-tabs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; width: 100% !important; }
    #cma-app .cma-tab { width: 100% !important; min-width: 0 !important; min-height: 48px !important; padding: 10px 6px !important; font-size: 14px !important; line-height: 1.15 !important; white-space: normal !important; }

    #cma-app .cma-grid.two,
    #cma-app .cma-grid.one { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
    #cma-app .cma-grid.two > *,
    #cma-app .cma-grid.one > * { width: 100% !important; }

    #cma-app .cma-report-buttons { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
    #cma-app .cma-report-buttons button { width: 100% !important; padding: 12px 8px !important; min-height: 48px !important; }

    #cma-app .cma-comparison { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; }
    #cma-app .cma-takehome { grid-column: auto !important; }

    #cma-app .cma-row,
    #cma-app .cma-full-row,
    #cma-app .cma-wage-row,
    #cma-app .cma-full-wage { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; width: 100% !important; }

    #cma-app .cma-collapsed-head { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; gap: 10px !important; }
    #cma-app .cma-report-title { display: flex !important; align-items: flex-start !important; width: 100% !important; gap: 10px !important; }
    #cma-app .cma-card-actions { width: 100% !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 44px !important; gap: 8px !important; }
    #cma-app .cma-card-actions .cma-toggle-edit { width: 100% !important; }
    #cma-app .cma-chevron { width: 44px !important; }
    #cma-app .cma-collapsed-summary { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    #cma-app .cma-collapsed-summary > div { min-width: 0 !important; overflow-wrap: anywhere; }

    #cma-app .cma-section-head { display: flex !important; flex-direction: column !important; align-items: stretch !important; }
    #cma-app .cma-section-head .cma-secondary { width: 100% !important; }

    #cma-app .cma-full-report-head { display: flex !important; flex-direction: column !important; width: 100% !important; }
    #cma-app .cma-record-id { align-self: flex-start !important; }

    #cma-app .cma-full-calcs { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; }
    #cma-app .cma-full-summary > div { display: flex !important; align-items: flex-start !important; }

    #cma-app .cma-save,
    #cma-app .cma-update-full-report,
    #cma-app #cma-generate-report,
    #cma-app #cma-print-report { width: 100% !important; margin-top: 8px !important; }

    /* Prevent iOS/Safari and theme styles from making controls wider than the viewport. */
    #cma-app label,
    #cma-app .cma-grid,
    #cma-app .cma-card,
    #cma-app .cma-final { overflow: visible !important; }
    #cma-app input,
    #cma-app select,
    #cma-app textarea { display: block !important; }
}

@media (max-width: 390px) {
    #cma-app { padding-left: 6px !important; padding-right: 6px !important; }
    #cma-app .cma-tab { font-size: 12px !important; padding-left: 4px !important; padding-right: 4px !important; }
    #cma-app .cma-report-buttons button { font-size: 14px !important; }
    #cma-app .cma-card, #cma-app .cma-final { padding: 12px !important; }
    #cma-app .cma-card h3 { font-size: 22px !important; }
}

@media print {
    #cma-app .cma-report-output { overflow: visible !important; }
}


/* v1.1.9 - strict mobile containment (Safari/WordPress theme override) */
#cma-app{
  inline-size:100% !important;
  width:100% !important;
  max-width:980px !important;
  min-width:0 !important;
  overflow-x:clip !important;
}
#cma-app .cma-card,
#cma-app .cma-final,
#cma-app .cma-history-card,
#cma-app .cma-login{
  inline-size:100% !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}
#cma-app .cma-grid,
#cma-app .cma-grid.two,
#cma-app .cma-grid.one{
  inline-size:100% !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}
#cma-app .cma-grid > label,
#cma-app .cma-grid.two > label,
#cma-app .cma-grid.one > label{
  inline-size:100% !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}
#cma-app .cma-grid input,
#cma-app .cma-grid select,
#cma-app .cma-grid textarea,
#cma-app input[type="date"],
#cma-app input[type="number"],
#cma-app input[type="text"]{
  display:block !important;
  inline-size:100% !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
@media (max-width: 767px){
  #cma-app{
    padding:0 14px !important;
    margin:0 auto !important;
  }
  #cma-app .cma-card,
  #cma-app .cma-final{ padding:18px 16px !important; }
  #cma-app .cma-grid.two,
  #cma-app .cma-grid.one{ grid-template-columns:minmax(0,1fr) !important; }
  #cma-app .cma-tabs{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  #cma-app .cma-tab{ overflow-wrap:anywhere !important; }
  #cma-app .cma-report-buttons{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 430px){
  #cma-app{ padding:0 10px !important; }
  #cma-app .cma-card,
  #cma-app .cma-final{ padding:16px 14px !important; border-radius:16px !important; }
  #cma-app .cma-tabs{ gap:7px !important; }
  #cma-app .cma-tab{ font-size:13px !important; padding:10px 4px !important; }
}

.cma-audit-info{display:flex;flex-wrap:wrap;gap:12px;padding:12px;margin:12px 0;border:1px solid #ddd;border-radius:10px}.cma-editor-name{display:block;margin:16px 0;font-weight:700}.cma-editor-name input{display:block;width:100%;margin-top:6px}@media(max-width:600px){.cma-audit-info{flex-direction:column}.cma-editor-name input{width:100%}}

/* v1.2.6 — iPhone 12 / mobile layout hardening */
#cma-app,
#cma-app * {
  box-sizing: border-box;
  min-width: 0;
}

#cma-app {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
}

#cma-app .cma-card,
#cma-app .cma-final,
#cma-app .cma-submit-success,
#cma-app .cma-edit-banner,
#cma-app .cma-history-card {
  width: 100%;
  max-width: 100%;
}

#cma-app label {
  display: block;
  width: 100%;
  max-width: 100%;
}

#cma-app input,
#cma-app select,
#cma-app textarea,
#cma-app button {
  max-width: 100%;
}

#cma-app input[type="date"],
#cma-app input[type="number"],
#cma-app input[type="text"] {
  display: block;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  -webkit-appearance: none;
  appearance: none;
}

#cma-app input[type="date"] {
  padding-right: 42px;
}

#cma-app .cma-grid.two,
#cma-app .cma-grid.one {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 640px) {
  #cma-app {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
  }

  #cma-app .cma-header {
    width: 100%;
    margin-bottom: 14px;
    gap: 8px;
  }

  #cma-app .cma-header h1 {
    font-size: clamp(28px, 8vw, 34px) !important;
    line-height: 1.15;
  }

  #cma-app .cma-header p,
  #cma-app .cma-user {
    font-size: 14px;
  }

  #cma-app .cma-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  #cma-app .cma-tabs .cma-tab {
    width: 100%;
    min-width: 0;
    padding: 13px 6px;
    font-size: 14px;
    line-height: 1.15;
    white-space: normal;
  }

  #cma-app .cma-card,
  #cma-app .cma-final {
    padding: 16px 14px;
    margin-bottom: 12px;
    border-radius: 16px;
  }

  #cma-app .cma-card h3,
  #cma-app .cma-card h2,
  #cma-app .cma-final h2 {
    font-size: 24px !important;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }

  #cma-app .cma-grid.two {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px;
  }

  #cma-app .cma-grid.two > label,
  #cma-app .cma-grid.one > label {
    width: 100%;
    min-width: 0;
  }

  #cma-app .cma-grid input,
  #cma-app .cma-row input,
  #cma-app .cma-wage-row input,
  #cma-app .cma-admin-box input {
    width: 100% !important;
    min-height: 48px;
    margin-top: 6px;
    font-size: 17px;
    line-height: 1.2;
  }

  #cma-app .cma-grid input[type="date"] {
    width: 100% !important;
    height: 50px;
    padding: 10px 40px 10px 12px;
  }

  #cma-app .cma-comparison {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #cma-app .cma-report-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  #cma-app .cma-report-buttons button {
    width: 100%;
    min-width: 0;
    padding: 14px 8px;
    font-size: 15px;
  }

  #cma-app .cma-report-output {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #cma-app .cma-report-table {
    min-width: 560px;
  }

  #cma-app .cma-full-report-card {
    padding: 15px;
    overflow: hidden;
  }

  #cma-app .cma-full-row,
  #cma-app .cma-full-wage {
    width: 100%;
    min-width: 0;
  }

  #cma-app .cma-final > div,
  #cma-app .cma-total {
    flex-wrap: wrap;
  }

  #cma-app .cma-submit-success {
    padding: 14px;
  }

  #cma-app .cma-submit-success .cma-primary,
  #cma-app .cma-save,
  #cma-app .cma-update-full-report {
    width: 100%;
  }
}

@media (max-width: 390px) {
  #cma-app {
    padding: 0 8px;
  }

  #cma-app .cma-tabs .cma-tab {
    font-size: 13px;
    padding: 12px 4px;
  }

  #cma-app .cma-card,
  #cma-app .cma-final {
    padding: 14px 12px;
  }

  #cma-app .cma-card h3,
  #cma-app .cma-card h2,
  #cma-app .cma-final h2 {
    font-size: 22px !important;
  }
}


/* v1.2.7 - date presentation and responsive form cleanup */
#cma-app .cma-date-control{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
}
#cma-app .cma-date-control > input[type="date"]{
  position:relative;
  z-index:2;
  width:100% !important;
  min-width:0 !important;
  height:52px !important;
  margin:0 !important;
  padding:12px 44px 12px 14px !important;
  background:transparent !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
  caret-color:transparent !important;
}
#cma-app .cma-date-control > input[type="date"]::-webkit-datetime-edit,
#cma-app .cma-date-control > input[type="date"]::-webkit-datetime-edit-fields-wrapper,
#cma-app .cma-date-control > input[type="date"]::-webkit-datetime-edit-text,
#cma-app .cma-date-control > input[type="date"]::-webkit-datetime-edit-month-field,
#cma-app .cma-date-control > input[type="date"]::-webkit-datetime-edit-day-field,
#cma-app .cma-date-control > input[type="date"]::-webkit-datetime-edit-year-field{
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}
#cma-app .cma-date-overlay{
  position:absolute;
  z-index:1;
  inset:0 42px 0 0;
  display:flex;
  align-items:center;
  padding:0 14px;
  color:#243447;
  font-size:17px;
  pointer-events:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#cma-app .cma-row,
#cma-app .cma-wage-row{
  align-items:center;
  gap:12px;
  padding:12px 0;
  border-bottom:1px solid #e8e8ee;
}
#cma-app .cma-row:last-child,
#cma-app .cma-wage-row:last-child{border-bottom:0;}
#cma-app .cma-wage-row{grid-template-columns:minmax(0,1fr) minmax(120px,180px);}
#cma-app .cma-wage-row strong{min-width:0;}
@media (max-width:640px){
  #cma-app .cma-date-control > input[type="date"]{height:50px !important;}
  #cma-app .cma-date-overlay{font-size:16px;}
  #cma-app .cma-wage-row{grid-template-columns:1fr !important; gap:8px;}
  #cma-app .cma-row{grid-template-columns:1fr !important; gap:10px !important;}
  #cma-app .cma-row .cma-remove{width:100%;}
  #cma-app .cma-card{margin-bottom:14px !important;}
  #cma-app .cma-help{line-height:1.45;}
}
@media (min-width:641px){
  #cma-app .cma-row{grid-template-columns:minmax(0,1fr) minmax(120px,1fr) minmax(160px,1.5fr) 48px;}
}