/* Compact records use the existing table data and native controls. */
.phone-choice{display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.phone-choice-label{display:none}
@media(max-width:1024px),(any-pointer:coarse){
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
}
@media(min-width:761px) and (max-width:1024px){
  .app-topbar,main,.primary-nav{padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right))}
}
@media(max-width:760px){
  html{scroll-padding-bottom:100px}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
  button,.button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .company-switch select{min-height:44px}
  .app-tools a,.app-tools .icon-button{min-height:44px;min-width:44px;justify-content:center}
  .app-topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .primary-nav{padding-left:max(3px,env(safe-area-inset-left));padding-right:max(3px,env(safe-area-inset-right))}
  .primary-nav a{min-height:64px;font-size:11px;justify-content:center}
  .section-nav{gap:4px 16px}
  .section-nav a{display:inline-flex;align-items:center;min-height:44px}
  .inline-actions{align-items:stretch}
  .inline-actions>a{display:inline-flex;align-items:center;min-height:44px}
  .payment-toolbar>button{width:100%}
  .card,.review-content,.pre-review,.dp-bank{min-width:0;overflow-wrap:anywhere}
  .flash{flex-wrap:wrap;overflow-wrap:anywhere}
  .flash>*{min-width:0}
  .flash>p{flex:1 1 100%;margin:0}
  .check-label,.salarii-confirmare,.pre-confirm,.dp-checkbox{min-height:44px;align-items:center}
  .luni-selector label{min-height:44px}
  .form-row>div{min-width:0;flex-basis:100%}
  .review-invoice .form-row>div{flex:1 1 100%;width:100%}
  .form-row>button{width:100%}
  .form-row input,.form-row select{min-width:0;max-width:100%}
  .review-invoice-head{flex-wrap:wrap}
  .review-summary .summary-line{flex-wrap:wrap}
  .document-choices{grid-template-columns:minmax(0,1fr)!important}
  .document-choice{min-height:112px}
  .source-balance{min-width:0}
  .source-balance-iban{overflow-wrap:anywhere}
  .dp-stats{gap:16px;flex-wrap:wrap}
  .dp-person,.dp-person>div,.pre-original,.pre-explainer{min-width:0}
  .table-scroll:has(>.phone-records){overflow:visible}
  .phone-records,.phone-records>tbody,.phone-records>tfoot{display:block;width:100%;min-width:0!important}
  .phone-records>thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .phone-records>tbody>tr,.phone-records>tfoot>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:20px 16px;margin:14px 0;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
  .phone-records>tbody>tr>td,.phone-records>tfoot>tr>td,.phone-records>tfoot>tr>th{display:block;min-width:0;max-width:none;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;background:transparent!important}
  .phone-records>tbody>tr>td[data-phone-label]:not([data-phone-label=""]):before{content:attr(data-phone-label);display:block;color:var(--muted);font-size:11px;font-weight:400;line-height:1.4;margin-bottom:5px}
  .phone-records>tbody>tr>.phone-record-title{grid-column:1/-1;font-size:16px;font-weight:550}
  .phone-records>tbody>tr>.phone-record-amount{color:var(--green);font-size:17px;font-variant-numeric:tabular-nums}
  .phone-records>tbody>tr>.phone-record-choice{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:7px}
  .phone-records>tbody>tr>.phone-record-choice:before{display:none!important}
  .phone-records>tbody>tr>td[colspan]{grid-column:1/-1}
  .phone-records td:has(>a):last-child,.phone-records td:has(>form):last-child{grid-column:1/-1}
  .phone-records td>a,.phone-records td>form>button{display:inline-flex;align-items:center;min-height:44px}
  .phone-records .money{white-space:normal}
  .phone-records select,.phone-records input:not([type=checkbox]):not([type=radio]){width:100%;min-width:0}
  .phone-choice{min-height:44px;min-width:44px;margin:0;color:var(--text);font-size:13px}
  .phone-choice input{width:24px;height:24px;margin:0;flex-shrink:0}
  .phone-choice-label{display:inline}
  .phone-select-all>thead{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:block}
  .phone-select-all>thead>tr{display:block}
  .phone-select-all>thead>tr>th{display:none}
  .phone-select-all>thead>tr>.phone-record-choice{display:block;border:0;padding:12px 0 0}
  .phone-records .rand-detaliu-furnizor{padding:8px;border:0;background:transparent}
  .phone-records .rand-detaliu-furnizor>td{padding:0}
  .phone-records .rand-detaliu-furnizor table{min-width:0}
  .phone-records .rand-expandabil button{width:100%;text-align:left}
  .phone-records .rand-detaliu>td{grid-column:1/-1}
  .mobile-cards select{font-size:16px}
  .app-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  main input,main select,main textarea{scroll-margin-top:24px;scroll-margin-bottom:110px}
}

/* All sections remain visible in two compact rows on phones. */
@media(max-width:760px){.primary-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.primary-nav a{min-height:55px!important;padding:7px 1px!important}.primary-nav a span{max-width:none}.app-footer{padding-bottom:155px}html{scroll-padding-bottom:150px}main input,main select,main textarea{scroll-margin-bottom:155px}}

/* A label activates the native picker directly on iPhone, including browser views inside other apps. */
.extras-file-field .field-label{display:block;margin-bottom:6px;font-size:13px;color:var(--muted)}
.file-picker{display:flex!important;align-items:center;gap:12px;min-height:52px;margin:0!important;padding:9px 12px;border:1px dashed #596451;border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;touch-action:manipulation}
.file-picker:hover,.extras-file-field:has(.file-picker-input:focus-visible) .file-picker{border-color:var(--green);background:var(--hover)}
.file-picker-action{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:5px;background:var(--raised);font-size:13px;font-weight:500;white-space:nowrap}
.file-picker-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--muted)}
input[type=file].file-picker-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}