/* R26 — premium mobile-first staff form wizards. Scoped to portal and r26 elements. */
#portalBody form.r26-collapsed{display:none!important}
.r26-launch{border:1px solid #d7e2d4;border-radius:18px;padding:16px 18px;margin:14px 0 18px;background:linear-gradient(112deg,#f9fbf7,#f1f5ee);display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 8px 28px rgba(53,74,56,.045);min-width:0}
.r26-launch-text{min-width:0;flex:1}
.r26-launch strong{font:normal clamp(18px,2vw,22px)/1.25 Georgia,serif;display:block;color:#304736;margin:5px 0}
.r26-micro{font-size:10px;letter-spacing:.18em;font-weight:800;color:#72856f}
.r26-launch p{margin:3px 0 0;font-size:12px;color:#738174;line-height:1.5}
.r26-start{border:0;border-radius:12px;min-height:48px;padding:12px 18px;background:#415847;color:#fff;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap;touch-action:manipulation;cursor:pointer;transition:transform .15s ease,background .15s ease}
.r26-start:hover,.r26-start:focus-visible{background:#58705a;transform:translateY(-1px)}
.r26-start:focus-visible,.r26-dialog :focus-visible{outline:3px solid #be9855;outline-offset:3px}
body.r26-modal-open{overflow:hidden!important;touch-action:auto}
.r26-overlay{position:fixed;inset:0;z-index:99000;display:flex;justify-content:center;align-items:center;padding:clamp(8px,2vh,22px);background:rgba(28,42,32,.64);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.r26-dialog{display:flex;flex-direction:column;width:min(690px,100%);height:min(740px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);min-width:0;overflow:hidden;border-radius:24px;background:#fdfcf9;color:#33463a;border:1px solid rgba(218,225,213,.92);box-shadow:0 30px 90px rgba(6,16,9,.30)}
.r26-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:23px clamp(20px,4vw,36px) 16px;background:linear-gradient(110deg,#eff4ed 0%,#f9f8f2 100%);flex-shrink:0}
.r26-head h2{font:normal clamp(22px,4vw,31px)/1.18 Georgia,serif;margin:7px 0;color:#34483b}
.r26-subtitle{color:#7b8778;font-size:12px;margin:0;line-height:1.5}
.r26-close{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border:1px solid #dce5d7;background:#fff;border-radius:50%;color:#3b5141;font-size:27px;line-height:1;cursor:pointer}
.r26-progress{padding:12px clamp(20px,4vw,36px) 16px;border-bottom:1px solid #ebeee8;flex-shrink:0}
.r26-count{font-size:12px;font-weight:700;color:#687968}
.r26-bar{height:6px;border-radius:99px;background:#e4e9df;overflow:hidden;margin-top:9px}
.r26-bar span{display:block;height:100%;background:linear-gradient(90deg,#5e7966,#aeae88);border-radius:99px;transition:width .23s ease}
.r26-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:clamp(20px,4vw,34px) clamp(18px,5vw,36px)}
.r26-step-title{font:normal clamp(23px,4vw,29px)/1.2 Georgia,serif;color:#304736;margin:0 0 8px}
.r26-step-description{color:#738276;font-size:13px;line-height:1.6;margin:0 0 23px}
.r26-dialog .r26-wizard-form{display:grid!important;gap:16px;max-width:100%;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.r26-dialog .r26-wizard-form .fields,.r26-dialog .r26-wizard-form .r25-two,.r26-dialog .r26-wizard-form .r12-two{display:grid;grid-template-columns:1fr;gap:16px}
.r26-dialog .r26-wizard-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:700;letter-spacing:0;color:#455b49;line-height:1.45;min-width:0}
.r26-dialog .r26-wizard-form label.checkline{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:14px;border:1px solid #dfe6db;border-radius:12px;background:#f6f8f4}
.r26-dialog .r26-wizard-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.r26-dialog .r26-wizard-form select,.r26-dialog .r26-wizard-form textarea{display:block!important;box-sizing:border-box;min-width:0!important;max-width:100%!important;width:100%!important;min-height:50px!important;padding:12px 14px!important;font:inherit!important;font-size:16px!important;color:#304737!important;background:#fff!important;border:1px solid #cddbcc!important;border-radius:12px!important;box-shadow:none!important}
.r26-dialog .r26-wizard-form textarea{min-height:118px!important;resize:vertical}
.r26-dialog .r26-wizard-form input[type=checkbox],.r26-dialog .r26-wizard-form input[type=radio]{flex:0 0 21px;width:21px;height:21px;margin:1px 0 0;accent-color:#44624d}
.r26-dialog .r26-wizard-form input[type=file]{padding:15px!important;font-size:13px!important;white-space:normal!important}
.r26-dialog .r26-wizard-form .r26-step-hidden,.r26-dialog .r26-wizard-form .r26-submit-hidden{display:none!important}
.r26-dialog .r26-wizard-form [hidden]{display:none!important}
.r26-dialog .r26-wizard-form > :not(label):not(.fields):not(.r25-two):not(.r12-two):not(fieldset):not(.r26-review-holder):not(button){max-width:100%}
.r26-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e8ece5;padding:15px clamp(18px,5vw,36px) max(15px,env(safe-area-inset-bottom));background:#fff;flex-shrink:0}
.r26-foot button{min-height:50px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;touch-action:manipulation;padding:11px 21px;border:1px solid #cbd8ca}
.r26-back{color:#44614c;background:#fff}
.r26-back:disabled{opacity:.35;cursor:not-allowed}
.r26-next{color:#fff;background:#435e4b;min-width:154px;border-color:#435e4b!important}
.r26-next:hover{background:#53705b}
.r26-next:disabled{opacity:.56;cursor:wait}
.r26-review{background:#f4f6f1;border:1px solid #e0e8de;padding:16px;border-radius:15px;display:grid;gap:9px}
.r26-check-note{font-size:12px;color:#546857;line-height:1.55;margin:0 0 7px}
.r26-review-line{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:10px 0;border-top:1px solid #dfe7dd;font-size:12px;line-height:1.5}
.r26-review-line span{color:#657567;flex:1}.r26-review-line strong{color:#324638;max-width:60%;text-align:right;overflow-wrap:anywhere;font-weight:650}
/* Data tables stay horizontally scrollable; the whole page never overflows sideways. */
body:has(#portal:not(.hidden)) .portal-main,body:has(#portal:not(.hidden)) .portal-body{min-width:0;max-width:100%;overflow-x:clip}
body:has(#portal:not(.hidden)) .r25-table,body:has(#portal:not(.hidden)) .table-wrap,body:has(#portal:not(.hidden)) .table-responsive{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
body:has(#portal:not(.hidden)) .portal-body button,body:has(#portal:not(.hidden)) .portal-menu-btn{touch-action:manipulation}
#toast{z-index:100010!important}
@media(max-width:800px){
 body:has(#portal:not(.hidden)) .portal-main{padding:16px 12px 40px!important;width:100%}
 body:has(#portal:not(.hidden)) .portal-top{gap:10px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:14px}
 body:has(#portal:not(.hidden)) .portal-top h2{font-size:clamp(25px,6vw,33px)}
 body:has(#portal:not(.hidden)) .portal-top-actions{gap:6px}
 body:has(#portal:not(.hidden)) .portal-body .panel-card{padding:clamp(15px,4vw,22px);max-width:100%;overflow-wrap:anywhere}
 body:has(#portal:not(.hidden)) .r25-grid,body:has(#portal:not(.hidden)) .stat-grid{min-width:0}
 body:has(#portal:not(.hidden)) .r25-ticket-actions{display:flex;flex-wrap:wrap;gap:9px}
 body:has(#portal:not(.hidden)) .r25-ticket-actions button{flex:1 1 150px;min-height:45px}
 .r26-launch{flex-direction:column;align-items:stretch;gap:12px;padding:16px;border-radius:16px}
 .r26-start{width:100%}
 .r26-dialog{width:100%;height:min(100dvh - 12px,840px);max-height:calc(100dvh - 12px);border-radius:18px}
 .r26-overlay{padding:6px}
 .r26-head{padding:18px 17px 13px}
 .r26-progress{padding:11px 18px 13px}
 .r26-scroll{padding:21px 18px}
 .r26-foot{padding:12px 16px max(14px,env(safe-area-inset-bottom))}
 .r26-foot button{min-height:50px;flex:1;min-width:0;padding:10px}
}
@media(max-width:360px){.r26-head h2{font-size:22px}.r26-back{flex:.8!important}.r26-next{flex:1.3!important}}
@media(prefers-reduced-motion:reduce){.r26-bar span,.r26-start{transition:none!important}}

/* R26 operation panels: one task in view at a time */
.r26-ops-tabs{display:flex;align-items:stretch;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:4px 2px 14px;margin:2px 0 15px;scrollbar-width:thin}
.r26-ops-tab{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:47px;padding:11px 15px;flex:0 0 auto;border:1px solid #d7e2d6;border-radius:99px;background:#f9faf6;color:#57715b;font-size:12px;font-weight:700;touch-action:manipulation;cursor:pointer}
.r26-ops-tab.is-active{background:#415847;border-color:#415847;color:#fff;box-shadow:0 6px 17px rgba(52,77,57,.14)}
.r26-ops-tab:focus-visible{outline:3px solid #b99861;outline-offset:2px}
.r26-panel-inactive,.r25-panel[hidden],.r26-review-holder[hidden],.r26-action-overlay form[hidden]{display:none!important}
body:has(#portal:not(.hidden)) .portal-main{box-sizing:border-box!important;max-width:100vw!important}
body:has(#portal:not(.hidden)) .portal-body{box-sizing:border-box;min-width:0!important}
@media(max-width:540px){.r26-ops-tabs{margin-right:-12px;padding-right:12px}.r26-ops-tab{min-height:48px}}