/* GASAYA public registration — mobile header/form stability + suggestion UX, 2026-09-08 */
.portal-register-body{overflow-x:hidden}
.portal-register-body .public-top>*{min-width:0}
.portal-register-body .form-field input,.portal-register-body .form-field select,.portal-register-body .form-field textarea{max-width:100%;box-sizing:border-box}
.portal-register-body .form-grid,.portal-register-body .geo-grid{min-width:0}
.portal-register-body .form-field{min-width:0}
.portal-register-body input[list]{background-image:linear-gradient(45deg,transparent 50%,#315b45 50%),linear-gradient(135deg,#315b45 50%,transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}
@media(max-width:760px){
 body.portal-register-body>.public-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand signin" "language website"!important;gap:9px 8px!important;align-items:center!important;padding:9px 12px 10px!important;min-height:auto!important;position:sticky!important;top:0!important}
 body.portal-register-body .public-brand{grid-area:brand!important;gap:7px!important;min-width:0!important}
 body.portal-register-body .public-brand img{width:46px!important;height:46px!important;flex:0 0 46px!important}
 body.portal-register-body .public-brand strong{font-size:19px!important;line-height:1.05!important;white-space:normal!important}
 body.portal-register-body .public-top>a[href="index.php"]{grid-area:signin!important;justify-self:end!important;font-size:14px!important;white-space:nowrap!important}
 body.portal-register-body .public-top>.portal-language-slot{grid-area:language!important;width:100%!important;min-width:0!important;height:42px!important;margin:0!important;z-index:2147482000!important}
 body.portal-register-body .public-top .pfl-picker,body.portal-register-body .public-top .pfl-toggle{height:42px!important;min-width:0!important}
 body.portal-register-body .public-top .pfl-toggle{padding:0 9px!important;font-size:12px!important;gap:6px!important}
 body.portal-register-body .public-top .pfl-name{min-width:0!important}
 body.portal-register-body .public-top>.gasaya-main-site-link{grid-area:website!important;margin:0!important;max-width:none!important;width:100%!important;min-height:42px!important;padding:6px 8px!important;font-size:11px!important;white-space:normal!important;line-height:1.15!important;text-align:center!important}
 body.portal-register-body .pfl-menu{top:108px!important;left:12px!important;right:12px!important}
 body.portal-register-body .registration-wrap{width:100%!important;max-width:100%!important;margin:18px auto 0!important;padding-left:12px!important;padding-right:12px!important;overflow:visible!important}
 body.portal-register-body .page-head h1{font-size:27px!important;line-height:1.13!important}
 body.portal-register-body .registration-progress{width:100%!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;padding:13px 4px!important;overflow:hidden!important}
 body.portal-register-body .registration-progress .progress-step{min-width:0!important;padding:0 1px!important}
 body.portal-register-body .registration-progress .progress-step span{width:38px!important;height:38px!important;font-size:15px!important}
 body.portal-register-body .registration-progress .progress-step b{font-size:9px!important;line-height:1.05!important;overflow-wrap:anywhere!important}
 body.portal-register-body .registration-panel .form-section{padding-left:13px!important;padding-right:13px!important}
 body.portal-register-body .form-grid,body.portal-register-body .geo-grid{grid-template-columns:minmax(0,1fr)!important}
 body.portal-register-body .form-field.full{grid-column:1!important}
}
@media(max-width:390px){
 body.portal-register-body .public-brand strong{font-size:18px!important}
 body.portal-register-body .registration-progress .progress-step span{width:34px!important;height:34px!important}
 body.portal-register-body .registration-progress .progress-step b{font-size:8px!important}
}


/* Professional language multi-select — searchable, up to five */
.gasaya-language-multiselect{position:relative;width:100%;min-width:0}
.gasaya-language-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}
.gasaya-language-chip{display:inline-flex;align-items:center;gap:6px;background:#e9f4ed;border:1px solid #bfd7c7;border-radius:999px;padding:5px 8px 5px 10px;color:#184a32;font-size:13px;line-height:1.2}
.gasaya-language-chip button{border:0;background:transparent;color:#184a32;font-size:18px;line-height:1;cursor:pointer;padding:0 1px}
.gasaya-language-search{width:100%!important;box-sizing:border-box!important}
.gasaya-language-options{position:absolute;z-index:10030;left:0;right:0;top:calc(100% - 20px);max-height:260px;overflow:auto;background:#fff;border:1px solid #c9d9cf;border-radius:10px;box-shadow:0 10px 24px rgba(20,54,38,.14);padding:5px}
.gasaya-language-option{display:block;width:100%;border:0;background:#fff;text-align:left;padding:9px 10px;border-radius:7px;color:#1e382c;cursor:pointer;font-size:14px}
.gasaya-language-option:hover,.gasaya-language-option:focus{background:#edf5f0;outline:none}
.gasaya-language-option.custom{font-weight:700;color:#1c5a39;border-top:1px solid #e1e9e4;border-radius:0}
.gasaya-language-help{display:block;margin-top:6px;color:#66776e}
@media(max-width:760px){.gasaya-language-options{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:48vh}.gasaya-language-chip{font-size:12px}}

/* 2026-09-08 usability completion: password visibility, stage feedback, Account 6 smart programs */
.password-visibility-wrap{display:flex;align-items:stretch;gap:8px}.password-visibility-wrap input{flex:1;min-width:0}.password-visibility-toggle{flex:0 0 auto;min-width:66px;border:1px solid #b8cfc1;border-radius:9px;background:#fff;color:#1e5737;font-weight:700;padding:0 14px;cursor:pointer}.password-visibility-toggle:hover,.password-visibility-toggle:focus{background:#edf6f0;outline:2px solid rgba(30,87,55,.12);outline-offset:1px}
.gasaya-stage-feedback{margin-top:18px;padding:12px 14px;border-radius:10px;border:1px solid #d2ddd6;display:flex;gap:6px;flex-direction:column;font-size:.92rem;transition:box-shadow .2s,border-color .2s,background .2s}.gasaya-stage-feedback strong{font-size:.94rem}.gasaya-stage-feedback.is-complete{background:#edf8f0;border-color:#b9ddc4;color:#245d3a}.gasaya-stage-feedback.is-pending{background:#fff8e8;border-color:#ead19a;color:#795311}.gasaya-stage-feedback.needs-return{box-shadow:0 0 0 4px rgba(190,123,25,.14);border-color:#bd7b19}
.gasaya-program-multiselect{position:relative;border:1px solid #b8cfc1;border-radius:10px;padding:8px;background:#fff}.gasaya-program-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:6px}.gasaya-program-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:#edf6f0;color:#214f35;font-size:.88rem}.gasaya-program-chip button{border:0;background:transparent;color:inherit;font-weight:800;cursor:pointer;font-size:1rem;line-height:1}.gasaya-program-search{width:100%;border:0!important;box-shadow:none!important;padding:8px 4px!important;min-height:38px}.gasaya-program-search:focus{outline:0}.gasaya-program-options{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 5px);max-height:280px;overflow:auto;background:#fff;border:1px solid #c5d6cb;border-radius:10px;box-shadow:0 12px 28px rgba(25,60,40,.16);padding:5px}.gasaya-program-option{display:block;width:100%;text-align:left;border:0;background:#fff;padding:9px 10px;border-radius:7px;cursor:pointer;color:#253b30}.gasaya-program-option:hover,.gasaya-program-option:focus{background:#edf6f0}.gasaya-program-option.custom{font-weight:700;color:#1e5737}.gasaya-program-help{display:block;color:#667a6d;margin-top:6px}
@media(max-width:700px){.password-visibility-wrap{gap:6px}.password-visibility-toggle{min-width:58px;padding:0 10px}.gasaya-stage-feedback{margin-top:14px;padding:11px 12px}.gasaya-program-options{max-height:230px}.gasaya-program-chip{font-size:.82rem}}
