/* Shared register/apply page styles for the 5 portal-specific auth pages:
   buyer+seller (auth/register.php), business (distribution/register.php),
   supplier (supplier/apply.php), driver (delivery/apply.php).
   Ecosystem-standard "auth-topbar / register-shell" pattern, standardized 2026-09-10. */
:root{--ocs-green:#00B207;--ocs-forest:#0D3F10;--ocs-forest-2:#0A3310;--ocs-ink:#17181A;--ocs-muted:#66706A;--ocs-border:#E5E7E4;--ocs-page:#F7F8F7;--ocs-dark:#080E0A}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ocs-ink);background:var(--ocs-page)}a{color:inherit}
.auth-topbar{height:66px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--ocs-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:20}
.auth-logo{font:800 24px Poppins,Inter,sans-serif;letter-spacing:-.045em;color:var(--ocs-green);text-decoration:none}.auth-toplinks{display:flex;gap:10px;align-items:center}.auth-toplinks a{font:600 12px Poppins,Inter,sans-serif;text-decoration:none;padding:10px 14px;border-radius:999px;color:#455047}.auth-toplinks a:hover{background:#F0F7F0;color:var(--ocs-forest)}.auth-toplinks .central-link{background:var(--ocs-green);color:#fff;box-shadow:0 8px 18px rgba(0,178,7,.18)}
.register-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:minmax(330px,.82fr) minmax(560px,1.18fr)}
.brand-panel{position:sticky;top:66px;height:calc(100vh - 66px);overflow:hidden;background:linear-gradient(145deg,var(--ocs-forest),var(--ocs-forest-2));padding:64px clamp(32px,5vw,76px);display:flex;align-items:center}
.brand-panel:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(0,178,7,.25),rgba(0,178,7,0) 68%);right:-160px;top:-130px}.brand-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 80%)}
.brand-content{position:relative;z-index:1;max-width:560px}.eyebrow{font:700 11px Poppins,Inter,sans-serif;letter-spacing:.14em;color:#8EE795;margin-bottom:18px}.central-icon{width:104px;height:104px;border-radius:24px;background:#080E0A;border:1px solid rgba(0,178,7,.38);box-shadow:0 18px 50px rgba(0,0,0,.28),0 0 0 7px rgba(0,178,7,.06);display:grid;place-items:center;margin-bottom:30px;overflow:hidden}.central-icon img{width:100%;height:100%;object-fit:cover}
.brand-content h1{font:700 clamp(32px,4vw,50px) Poppins,Inter,sans-serif;line-height:1.08;letter-spacing:-.045em;color:#fff;margin:0 0 16px}.brand-content p{color:#C4D7C6;line-height:1.72;font-size:15px;margin:0}.ecosystem-note{margin-top:30px!important;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:12px!important;color:#AFC8B2!important}.ecosystem-note strong{color:#fff}
.form-panel{padding:52px 28px 64px;display:flex;justify-content:center;align-items:flex-start}.register-card{width:100%;max-width:760px}.card-head{margin-bottom:24px}.card-kicker{font:700 10px Poppins,Inter,sans-serif;letter-spacing:.12em;color:var(--ocs-green);margin-bottom:10px}.card-head h2{font:700 30px Poppins,Inter,sans-serif;letter-spacing:-.035em;margin:0 0 8px}.card-head p{font-size:13px;line-height:1.65;color:var(--ocs-muted);margin:0}
form{margin:0}.form-section{background:#fff!important;border:1px solid var(--ocs-border)!important;border-top:3px solid var(--ocs-green)!important;border-radius:18px!important;padding:28px!important;margin-bottom:18px!important;box-shadow:0 16px 40px rgba(16,38,20,.06)!important}
.form-section-title{font:700 16px Poppins,Inter,sans-serif!important;color:var(--ocs-ink)!important;margin-bottom:6px!important}.form-section-title i{color:var(--ocs-green)!important}.form-section-desc{font-size:12px!important;color:var(--ocs-muted)!important;line-height:1.55!important;margin-bottom:18px!important}
.form-grid,.form-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.form-group{margin-bottom:16px!important}.form-group.full-width{grid-column:1/-1!important}.form-label,.form-group label,.doc-upload-group>label{display:block;font:600 12px Poppins,Inter,sans-serif!important;color:#323833!important;margin-bottom:7px!important}.required{color:#ef4444}
.form-input,.form-select,.form-group input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.form-group select,.form-group textarea{width:100%!important;min-height:48px!important;padding:0 14px!important;border:1px solid #DDE3DD!important;border-radius:11px!important;background:#fff!important;color:var(--ocs-ink)!important;font:500 14px Inter,sans-serif!important;outline:none!important;box-shadow:none!important}
.form-group textarea{min-height:100px!important;padding:12px 14px!important;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus,.form-select:focus{border-color:var(--ocs-green)!important;box-shadow:0 0 0 3px rgba(0,178,7,.09)!important}
.input-wrapper,.password-wrapper,.pw-input-wrap,.neq-input-wrapper{position:relative}.with-icon{padding-left:42px!important}.form-group input.with-icon:not([type="checkbox"]):not([type="radio"]):not([type="file"]){padding-left:42px!important}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:#879087;z-index:2}
.checkbox-wrapper,.checkbox-group{display:flex;align-items:flex-start!important;gap:9px!important;margin:12px 0 16px!important}.form-checkbox,.checkbox-group input[type="checkbox"],input[type="radio"]{accent-color:var(--ocs-green)}.checkbox-label,.checkbox-group label{font-size:11px!important;line-height:1.55!important;color:var(--ocs-muted)!important}.checkbox-label a,.checkbox-group label a,.apply-links a,.register-links a{color:var(--ocs-green)!important;font-weight:700!important;text-decoration:none!important}
.btn-submit{width:100%!important;min-height:50px!important;border:0!important;border-radius:11px!important;background:var(--ocs-green)!important;color:#fff!important;font:700 14px Poppins,Inter,sans-serif!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(0,178,7,.18)!important;transition:.2s ease!important}.btn-submit:hover{background:#009C06!important;transform:translateY(-1px)}.btn-submit:disabled{opacity:.45!important;cursor:not-allowed!important;transform:none!important}
.driver-notice,.info-box{border-radius:11px!important;font-size:12px!important;line-height:1.55!important;padding:14px 16px!important}.driver-notice{background:#F4F8F4!important;border-left:3px solid var(--ocs-green)!important;color:#37523A!important}.btn-apply-driver{background:var(--ocs-green)!important;color:#fff!important;display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;margin-top:10px}.info-box{background:#F5FAF5!important;border:1px solid #E0EEE1!important;color:#315C35!important}.info-box a{color:var(--ocs-green)!important}.doc-upload-area{border:1.5px dashed #C9D3CA!important;border-radius:12px!important;background:#FAFCFA!important}.doc-upload-area:hover,.doc-upload-area.has-file{border-color:var(--ocs-green)!important;background:#F4FAF4!important}.doc-file-name,.pw-rule-ok{color:var(--ocs-green)!important}
.pkg-option input[type="radio"]:checked + .pkg-option-card{border-color:var(--ocs-green)!important;background:#F4FAF4!important;box-shadow:0 0 0 1px var(--ocs-green)!important}.pkg-option-popular,.pkg-option input[type="radio"]:checked + .pkg-option-card .pkg-option-check{background:var(--ocs-green)!important}.pkg-prestige-pill{color:var(--ocs-green)!important;background:#F0F9F0!important}.pkg-enterprise-pill{background:#F2F6F2!important;color:#526154!important}
.dob-selects select{min-height:48px!important;border:1px solid #DDE3DD!important;border-radius:11px!important;background:#fff!important;color:var(--ocs-ink)!important;font:500 14px Inter,sans-serif!important;padding:0 10px!important}.dob-selects select:focus{border-color:var(--ocs-green)!important;box-shadow:0 0 0 3px rgba(0,178,7,.09)!important;outline:none!important}
.form-hint,.hint,.doc-upload-hint{font-size:11px!important;color:#869087!important}.apply-links,.register-links{text-align:center!important;margin-top:20px!important;font-size:12px!important;color:var(--ocs-muted)!important}.security-note{margin-top:18px;background:#F5FAF5;border:1px solid #E3EEE4;border-radius:11px;padding:12px 14px;font-size:10.5px;line-height:1.55;color:#69736B}.legal-links{margin-top:14px;text-align:center;font-size:10px;color:#7A847C}.legal-links a{text-decoration:none;margin:0 5px}.legal-links a:hover{color:var(--ocs-green)}
.alert{border-radius:10px!important;font-size:12px!important;padding:12px 14px!important;margin-bottom:18px!important;display:flex;align-items:center;gap:8px}.alert-error{background:#FEF2F2!important;border-left:3px solid #EF4444!important;color:#991B1B!important}.alert-success{background:#F0FDF4!important;border-left:3px solid #22C55E!important;color:#166534!important}.alert-info{background:#F1F8F1!important;border-left:3px solid var(--ocs-green)!important;color:#245B28!important}
.checkout-notice{background:#F0FDF4!important;border-left:4px solid var(--ocs-green)!important;padding:14px 18px!important;border-radius:10px!important;margin-bottom:24px!important}.checkout-notice-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#166534;margin-bottom:4px}.checkout-notice-desc{font-size:13px;color:#4b5563}
@media(max-width:980px){.register-shell{grid-template-columns:1fr}.brand-panel{position:relative;top:0;height:auto;padding:42px 28px}.central-icon{width:82px;height:82px;margin-bottom:22px}.brand-content h1{font-size:34px}.form-panel{padding:34px 18px 48px}.auth-topbar{padding:0 18px}.auth-toplinks a:not(.central-link){display:none}}
@media(max-width:620px){.form-grid,.form-row{grid-template-columns:1fr!important}.form-section{padding:22px!important}.card-head h2{font-size:25px}.auth-topbar{height:60px}.register-shell{min-height:calc(100vh - 60px)}}