/* R125 iPad/Safari responsive repair — scoped only to observed post-lock UI defects. */

/* R125 V3 locked Documents action: View Invoice is the visible primary action; Share is a compact icon. */
#quotationDocumentsPanel .row-actions{align-items:center}
#quotationDocumentsPanel .r125-doc-view{white-space:nowrap;min-width:92px}
#quotationDocumentsPanel .r125-doc-share{width:34px;height:34px;min-width:34px;min-height:34px;padding:0!important;display:inline-grid;place-items:center;font-size:14px}

/* Language popover: never cover the account email. On sidebar layouts, open to the right of the control. */
@media (min-width:801px){
  .side{overflow:visible}
  #r123DesktopLanguage .r123-language-menu{
    left:calc(100% + 24px);
    top:0;
    bottom:auto;
    transform:none;
    width:150px;
    z-index:180;
  }
}

/* Real touch-tablet landscape. Preserve the approved two-column dashboard; repair only the cramped interiors. */
@media (min-width:801px) and (max-width:1400px) and (orientation:landscape) and (pointer:coarse){
  .dash-main,.dash-lower{
    grid-template-columns:minmax(0,1.45fr) minmax(290px,.82fr)!important;
    gap:14px!important;
  }

  /* Invoice State: compact inner geometry so Partial Paid stays on one line. */
  .donut-wrap{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:250px;
  }
  .donut{width:104px;height:104px}
  .donut:after{inset:20px}
  .donut-center b{font-size:19px}
  .legend{gap:8px;font-size:10px;min-width:0}
  .legend-row{gap:7px}
  .legend-key{min-width:0;white-space:nowrap;gap:6px}

  /* Payment Collection: give client text room; stack reminder target and Change cleanly. */
  .r123-collection-right{
    min-width:220px;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    text-align:right;
  }
  .r123-collection-tags{width:100%;justify-content:flex-end;flex-wrap:nowrap;margin-top:6px}
  .r123-collection-tag{white-space:nowrap;max-width:100%}
  .r123-collection-actions{width:100%;justify-content:flex-end;margin-top:6px}

  /* Locked Option A: keep View Invoice + compact Share on one clean line. */
  #quotationDocumentsPanel th:last-child,#quotationDocumentsPanel td:last-child{width:138px;min-width:138px}
  #quotationDocumentsPanel .row-actions{min-width:132px;flex-direction:row;justify-content:flex-end;align-items:center;gap:5px;flex-wrap:nowrap}
  #quotationDocumentsPanel .r125-doc-view{min-width:92px;width:auto}
  #quotationDocumentsPanel .r125-doc-share{flex:0 0 34px}
}

/* iPad portrait above the legacy 800px breakpoint uses the intended tablet/mobile composition. */
@media (min-width:801px) and (max-width:1024px) and (orientation:portrait) and (pointer:coarse){
  .app{display:block}.side{display:none}.main{grid-column:auto;padding:16px 13px 132px}.view{min-height:calc(100vh - 108px)}
  .app-bg-brand{left:0!important;right:0!important;bottom:calc(68px + env(safe-area-inset-bottom))!important}
  .topbar{display:block}.topbar h1{font-size:23px}.topbar .actions{margin-top:10px}
  .kpis{grid-template-columns:repeat(2,1fr);gap:9px}.card{padding:13px}.metric-value{font-size:18px}
  .dash-main,.dash-lower{grid-template-columns:1fr!important;gap:10px!important}
  .panel-head{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input,.filters select{flex:1;min-width:120px}
  .desktop-table{display:none}.mobile-list{display:grid;gap:9px;padding:11px}
  .chart-shell{height:210px}.donut-wrap{grid-template-columns:120px minmax(0,1fr)!important;gap:10px!important;min-height:150px!important}.donut{width:112px;height:112px}.donut:after{inset:22px}.donut-center b{font-size:19px}
  .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.step{font-size:9px}.editor-grid{display:block}.items-head{display:none}.review-grid{grid-template-columns:1fr}.compare{grid-template-columns:1fr}
  .single-shell{display:block!important;grid-template-columns:1fr!important}
  .single-settings{position:static!important;margin:0 0 12px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:13px!important}
  .single-settings h3{grid-column:1/-1!important}.single-setting-group{border:0!important;padding:0!important}.single-actions-stack{grid-column:1/-1!important;grid-template-columns:1fr 1fr!important}
  .single-paper{padding:15px!important;border-radius:15px}.single-paper-title{align-items:flex-start}.single-doc-title{font-size:24px}.single-party-grid{grid-template-columns:1fr}
  .single-document-meta{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .single-item-head{display:none!important}
  #itemsWrap .item-row{grid-template-columns:38px minmax(0,1fr) 74px 60px!important;gap:7px!important}
  #itemsWrap .item-desc-wrap{grid-column:2/-1!important;grid-row:1!important;min-width:0!important}
  #itemsWrap .remove-item{grid-column:1!important;grid-row:1!important}
  #itemsWrap .item-price{grid-column:2!important;grid-row:2!important}#itemsWrap .item-qty{grid-column:3!important;grid-row:2!important}#itemsWrap .item-amount{display:none!important}
  .single-lower,.single-quotation .single-lower{grid-template-columns:1fr!important}.single-lower>div:first-child,.single-lower>.single-totals{grid-column:1!important}
  .single-text-block.combined-notes-terms textarea{min-height:210px!important}.single-paybox{grid-template-columns:1fr 1fr}
  .mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e8e0f1;backdrop-filter:blur(15px)}
  .mobile-nav button{border:0;background:transparent;color:#82758c;padding:5px 2px;font-size:9px;font-weight:800}.mobile-nav button span{display:block;font-size:17px;margin-bottom:2px}.mobile-nav button.active{color:#7141bf}
  .r123-language-setting{display:none}.r123-mobile-language-card{display:block!important;margin-bottom:12px}
  .r123-collection-right{min-width:0;display:block;text-align:left}.r123-collection-tags,.r123-collection-actions{justify-content:flex-start}.collection-row{grid-template-columns:1fr!important;gap:9px!important}
}