/* Shared phone layout. Authorization and record/accordion state are unchanged. */
.jk-skip-link{position:absolute;left:12px;top:-100px;z-index:100;padding:12px 16px;border-radius:6px;background:#fff;color:#11243a;font-weight:700}
.jk-skip-link:focus{top:8px}
.jk-menu-toggle{display:none}
.topbar{height:auto;min-height:64px;gap:16px;padding-top:12px;padding-bottom:12px}
.topbar nav{flex-wrap:wrap;justify-content:flex-end}
#jk-primary-navigation[hidden]{display:none!important}
#jk-primary-navigation a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
#main-content:focus{outline:none}
.jk-menu-toggle:focus-visible,#jk-primary-navigation a:focus-visible,#jk-primary-navigation button:focus-visible{outline:3px solid #ffb06f;outline-offset:3px}
@media(max-width:1100px){
  .topbar,.field-mobile-capable .topbar{height:auto;min-height:64px;padding:12px 14px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}
  .topbar .brand,.field-mobile-capable .topbar .brand{flex:1 1 180px;min-width:0;width:auto;display:flex;flex-direction:column;align-items:flex-start;gap:3px;overflow:hidden;padding:0}
  .topbar .brand>a{max-width:100%;font-size:16px;white-space:nowrap}
  .topbar .brand .brand-org{max-width:100%;width:100%;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin:0}
  .topbar .jk-brand-mark{width:28px;height:28px;flex:0 0 28px}
  .jk-menu-toggle:not([hidden]){display:inline-flex;flex:0 0 auto;gap:7px;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #91a6b9;border-radius:8px;background:transparent;color:inherit;font:inherit;font-weight:650;cursor:pointer}
  .topbar #jk-primary-navigation,.field-mobile-capable .topbar #jk-primary-navigation{display:grid;width:100%;flex:1 0 100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-items:stretch;justify-content:stretch;padding-top:10px;border-top:1px solid #687b8d}
  #jk-primary-navigation>a,#jk-primary-navigation>.inline{min-width:0;margin:0}
  #jk-primary-navigation>a,#jk-primary-navigation .link-button{display:flex!important;align-items:center;min-height:44px;padding:10px 12px;white-space:normal;overflow-wrap:anywhere;border-radius:6px;font-size:14px;text-align:left}
  #jk-primary-navigation .link-button{width:100%}
  #jk-primary-navigation>a:hover,#jk-primary-navigation .link-button:hover{background:rgba(255,255,255,.1)}
}
@media(max-width:760px){
  .container{width:100%;min-width:0;padding:16px 12px}
  .container>*,.split>*,.page-head>*,.section-head>*{min-width:0;max-width:100%}
  h1{font-size:clamp(24px,6vw,30px);overflow-wrap:anywhere}
  h2,h3,p,dd,.notice,.platform-context-bar{overflow-wrap:anywhere}
  .page-head,.section-head,.field-page-head{gap:12px}
  .page-head .quick-links,.section-head .quick-links{margin-top:0}
  .btn,button,summary,.section-nav a,.platform-nav a{touch-action:manipulation}
  .container .btn{min-height:42px;white-space:normal;line-height:1.35}
  .container input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.container select,.container textarea{max-width:100%;min-width:0;font-size:16px}
  .container input[type=file]{width:100%}
  .container select{min-height:42px}
  .date-filter,.filters,.inline-layout-form,.inline-filter{max-width:100%;gap:8px;flex-wrap:wrap}
  .date-filter>label,.filters>label,.inline-layout-form .compact-field{min-width:0;max-width:100%}
  .date-filter input,.date-filter select,.filters input,.filters select{max-width:100%}
  .panel,.card{padding:14px}
  .table-wrap,.history-table,.recon-detail-compare-wrap,.ticket-stack-scroll,.ticket-table-scroll{min-width:0;max-width:100%;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .section-nav,.platform-nav{position:static;max-width:100%;gap:6px;flex-wrap:wrap}
  .section-nav a,.platform-nav a{min-height:42px;display:inline-flex;align-items:center;padding:8px 10px}
  .platform-context-bar,.field-mobile-capable .platform-context-bar{display:flex;padding:10px 12px;gap:10px}
  body:not(.field-mobile-capable) .field-upload-cta{display:inline-block}
  .platform-context-bar form,.platform-context-bar .btn{max-width:100%;white-space:normal}
  .mobile-field-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  body.field-mobile-capable{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .field-mobile-capable .mobile-field-nav a,.field-mobile-capable .mobile-field-nav button{min-height:44px}
  .field-submit-bar{bottom:0}
  .field-mobile-capable .field-submit-bar{bottom:calc(66px + env(safe-area-inset-bottom))}
  .ticket-stack-pagination,.platform-pagination,.history-pager,.pagination{max-width:100%;flex-wrap:wrap;gap:8px}
  .recon-section-metrics,.recon-project-summary-metrics{max-width:100%;flex-wrap:wrap;white-space:normal}
}
@media(max-width:560px){
  .cards,.compact-cards,.review-summary-cards,.recon-overview-cards,.recon-overview-cards-wide,.setup-summary-cards,.payout-summary-cards,.payout-builder-summary,.payout-detail-cards,.ap-summary-cards,.ap-sub-summary-cards,.field-today-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card strong{font-size:20px;overflow-wrap:anywhere}
  .setup-grid,.setup-two-col,.split,.mapping-layout,.import-type-grid,.permission-grid,.payout-filter-grid,.payout-detail-fields,.payout-draft-edit,.payout-payment-form,.payout-approved-actions,.recon-manual-grid,.recon-evidence-grid{grid-template-columns:minmax(0,1fr)}
  .payout-checkbox-field,.payout-override-note{grid-column:auto}
  .payout-create-footer,.payout-title-line,.payout-create-actions,.recon-ticket-nav-actions{flex-wrap:wrap}
  .details{grid-template-columns:minmax(82px,.35fr) minmax(0,1fr);gap:8px 10px}
  .date-filter,.filters,.inline-filter{align-items:stretch}
  .date-filter>label,.filters>label{flex:1 1 130px}
  .date-filter>input,.date-filter>select,.filters>input,.filters>select{flex:1 1 130px;width:100%}
  .field-form-grid.two,.compact-fields{grid-template-columns:minmax(0,1fr)!important}
  .project-ticket-group>summary,.week-ticket-group>summary{flex-wrap:wrap;gap:8px}
}