/* Comfortable controls for phones and tablets, including landscape tablets. */
@media (pointer:coarse),(max-width:820px){
 .btn,.icon-btn,.text-btn,.nav-item,.segmented button,.date-nav button{min-height:46px;touch-action:manipulation}
 .icon-btn{min-width:46px}.field input,.field select,.field textarea,.searchbox input,.filter-select{font-size:16px!important;min-height:48px;line-height:1.45}
 .field label{font-size:13px;line-height:1.5;margin-bottom:8px}.field textarea{min-height:100px;resize:vertical}
 .drawer{height:var(--visible-height,100dvh);max-height:var(--visible-height,100dvh);top:var(--visible-top,0px);bottom:auto}
 .drawer-header,.drawer-footer{flex-shrink:0}.drawer-content{min-height:0;overscroll-behavior:contain;scroll-padding-block:20px}
 .drawer-footer{padding-bottom:max(12px,env(safe-area-inset-bottom));gap:8px;flex-wrap:wrap}
 .drawer-footer .btn{font-size:13px;min-height:48px;padding:12px 15px;flex:1 1 auto}
 .drawer-content input,.drawer-content textarea,.drawer-content select{scroll-margin-block:20px}
 .vale-section .field textarea{min-height:94px}.vale-section h3{font-size:16px}.td-save{font-size:12px;line-height:1.6}
 .vale-filters input{font-size:16px;min-height:48px}.vale-archive .document-actions{gap:8px}.vale-archive .document-actions .btn{font-size:12px;min-height:46px}
 .vale-archive .document-main strong{font-size:14px}.vale-archive .document-main p,.vale-archive .document-main small{font-size:12px;line-height:1.6}
 .vale-archive .document-row{align-items:flex-start;flex-wrap:wrap}.td-section summary{min-height:44px;display:flex;align-items:center}
 .td-history{flex-wrap:wrap}.td-history .btn{min-height:46px}.td-history p{font-size:12px}
}
.porte-jumps{display:flex;gap:7px;overflow-x:auto;padding:8px 0 14px;scrollbar-width:thin}.porte-jumps .btn{white-space:nowrap;flex-shrink:0}
.vale-protection{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:5px 8px;border-radius:5px;background:#eef5f0;color:#327051;margin-top:8px}
.vale-protection.legacy{background:#f7f1e7;color:#896532}.vale-review p{font-size:13px;line-height:1.7;margin:12px 0}.vale-review-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.vale-review-actions .btn{min-height:48px;white-space:normal}
@media(max-width:520px){.vale-section .form-grid{grid-template-columns:1fr}.vale-section .field.wide{grid-column:1}.drawer-footer [data-action="transport-complete"]{flex-basis:100%;order:-1}.drawer-header{padding:16px}.drawer-header h2{font-size:20px}.drawer-content{padding:17px}.porte-jumps .btn{padding:10px 13px}.vale-section{padding:18px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.role-options{grid-column:1/-1;border:1px solid #dce0e3;border-radius:12px;padding:16px;margin:0;min-width:0}.role-options legend{font-weight:600;padding:0 6px}.role-options p{font-size:13px;color:#68717b;margin:0 0 12px}.role-options label{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px;border-radius:8px;cursor:pointer}.role-options label:has(input:checked){background:#f9eeeb}.role-options input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:0 0 22px;accent-color:#c34235}