/* Shared controls for customer applications and operational workspaces. */
body.ui-form-system{--ui-ink:#1b3657;--ui-muted:#657b95;--ui-border:#d9e3ef;--ui-focus:#648ab7;font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}
.ui-form-system :is(main,dialog) :is(input,select,textarea,button){font-family:inherit;box-sizing:border-box}
.ui-form-system :is(main,dialog) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]){min-height:46px;min-width:0;max-width:100%;border:1px solid var(--ui-border);border-radius:10px;padding:11px 13px;background:#fcfdff;color:var(--ui-ink);font-size:14px;font-weight:400;line-height:1.5;transition:border-color .15s,box-shadow .15s,background .15s}
.ui-form-system :is(main,dialog) textarea{min-height:110px;line-height:1.8;resize:vertical}
.ui-form-system :is(main,dialog) input::placeholder,.ui-form-system :is(main,dialog) textarea::placeholder{color:#8b9bb0;font-size:12px;font-weight:400;opacity:1}
.ui-form-system :is(main,dialog) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):focus{outline:none;border-color:var(--ui-focus);background:#fff;box-shadow:0 0 0 3px #244c8310}
.ui-form-system :is(main,dialog) :is(input,select,textarea):disabled{background:#f1f4f8;color:#8290a3;cursor:not-allowed}
.ui-form-system :is(main,dialog) input[readonly]{background:#f0f4f9;color:#657b95}
.ui-form-system :is(main,dialog) input:is([type=checkbox],[type=radio]){accent-color:#244c83;min-width:16px;min-height:16px;flex-shrink:0}
.ui-form-system :is(main,dialog) input[type=file]::file-selector-button{font-family:inherit;padding:9px 13px;margin-right:12px;border:1px solid #ccdaeb;border-radius:8px;background:#edf3fa;color:#244c83;font-size:12px;font-weight:600;cursor:pointer}
.ui-form-system :is(main,dialog) :is(button,.btn,.settings-button){border-radius:10px;font-size:13px;font-weight:600;line-height:1.5;transition:background .15s,box-shadow .15s}
.ui-form-system :is(main,dialog) :is(button,.btn,.settings-button):focus-visible{outline:3px solid #9db9d9;outline-offset:3px}
.ui-form-system :is(main,dialog) :is(button,.btn,.settings-button):disabled{box-shadow:none;cursor:not-allowed}
.ui-form-system :is(.settings-form,.formgrid,.form-grid,.member-profile-grid,.member-business-grid)>label{min-width:0;color:#49617e;font-size:13px;font-weight:600;line-height:1.7}
.ui-form-system :is(.settings-form,.formgrid,.form-grid){gap:20px 18px}
.ui-form-system :is(.panel,.section,.settings-card){border-color:#dee6f0;box-shadow:0 4px 20px #18365c04}
.ui-form-system :is(.settings-editor-title,.section-heading h2){letter-spacing:-.4px;color:#1b3657}
.ui-form-system :is(.settings-toolbar,.filters){gap:10px;align-items:center}
.ui-form-system .filters :is(input,select){min-width:0;flex:1 1 170px}
.ui-form-system :is(.settings-toolbar,.filters) :is(button,.btn,.settings-button){min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.ui-form-system :is(.settings-form,.form-grid) :is(button,.settings-button),.ui-form-system .draft-actions button{min-height:44px}
.ui-form-system :is(.settings-banner,.draft-actions,.note){border-radius:12px;line-height:1.85}
.ui-form-system .settings-form textarea{min-height:150px}
.ui-form-system dialog{box-shadow:0 24px 80px #1027472b;border-color:#d9e4f1}
.ui-form-system dialog::backdrop{background:#10243e80;backdrop-filter:blur(3px)}
.ui-form-system :is(main,dialog) table :is(input,select):not([type=checkbox]):not([type=radio]){min-height:36px;padding:7px 9px;font-size:12px;border-radius:7px}
.ui-form-system :is(main,dialog) table button{font-size:12px;border-radius:7px}
/* Application cards and their reading order. */
.ui-form-system #applyForm{padding-top:6px}
.ui-form-system #applyForm label{font-size:13px;color:#49617e}
.ui-form-system :is(.application-info,.agency-info){background:#f8fafd;border:1px solid #dce5f0;border-radius:16px;padding:24px}
.ui-form-system .application-info legend,.ui-form-system .agency-info legend{font-size:13px;font-weight:700;color:#334f70;margin-bottom:12px}
.ui-form-system .application-info-heading{margin:24px 0 18px}
.ui-form-system .application-info-heading h3{font-size:16px!important;letter-spacing:-.3px}
.ui-form-system .application-center{min-height:48px;border-radius:10px;font-size:14px;font-weight:600}
.ui-form-system .application-center:not([aria-pressed=true]):hover{border-color:#9db7d7;background:#edf3fb}
.ui-form-system .application-types label{font-size:12px!important}
.ui-form-system .application-types span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:11px 9px;white-space:normal;line-height:1.5;border-radius:10px}
.ui-form-system .application-types input:checked+span{box-shadow:0 3px 9px #183b6814}
.ui-form-system .application-applicant-row{gap:18px 14px}
.ui-form-system .application-address-row{gap:14px}
.ui-form-system .application-address-row button{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
.ui-form-system .purchase-section-heading{margin:30px 0 16px;gap:10px}
.ui-form-system .purchase-section-heading small{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#eaf0f8;color:#365d8c;font-size:10px;letter-spacing:0}
.ui-form-system .purchase-product-card,.ui-form-system #productList .product{background:white;border:1px solid #dce5ef;border-radius:16px;padding:24px;box-shadow:0 4px 16px #17355d03}
.ui-form-system .purchase-product-card .toolbar strong{font-size:16px;letter-spacing:-.3px}
.ui-form-system .purchase-product-body{gap:22px;margin-top:22px;min-width:0}
.ui-form-system .purchase-product-body .formgrid{gap:18px;min-width:0}
.ui-form-system .purchase-product-body .formgrid label{min-width:0}
.ui-form-system .purchase-image-box{background:#f7f9fc;border-color:#c7d5e6;border-radius:12px;padding:15px;max-width:100%}
.ui-form-system .purchase-image-box small{font-size:11px;line-height:1.8}
.ui-form-system .purchase-cart-tools{background:#f5f8fc;border-radius:12px;padding:18px 20px;gap:10px}
.ui-form-system .purchase-cart-tools .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.ui-form-system .purchase-submit-bar{padding-top:24px;margin-top:28px}
.ui-form-system .purchase-submit-bar #submit{min-height:50px;display:inline-flex;align-items:center;justify-content:center;min-width:180px;font-size:14px}
.ui-form-system #addProduct{min-height:48px;border:1px dashed #b7c9df!important;background:#f4f7fc!important;color:#345c8a!important;display:flex;align-items:center;justify-content:center}
.ui-form-system .draft-actions{background:#f7f9fc;padding:18px 20px;gap:16px}
/* Wallet and scanning forms remain convenient for field operations. */
.ui-form-system #topupForm label{margin:18px 0 0;font-size:13px;font-weight:600;color:#49617e}
.ui-form-system #topupForm .amounts{gap:8px;margin:12px 0 22px}
.ui-form-system #topupForm .amounts button{flex:1;min-height:40px;font-size:12px}
.ui-form-system #submitTopup{min-height:50px;margin-top:24px;font-size:14px}
.ui-form-system .scanner input,.ui-form-system .scan-input input{min-height:58px!important;font-size:22px!important;border:2px solid #698bb3!important;background:white!important}
.ui-form-system .scanner button,.ui-form-system .scan-input button{min-height:52px;font-size:14px}
@media(max-width:700px){.ui-form-system :is(main,dialog) :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]){font-size:16px;min-height:46px}.ui-form-system :is(main,dialog) table :is(input,select):not([type=checkbox]):not([type=radio]){min-height:40px}.ui-form-system :is(.settings-form,.formgrid,.form-grid){gap:17px 12px}.ui-form-system :is(.application-info,.agency-info){padding:18px}.ui-form-system .purchase-product-card,.ui-form-system #productList .product{padding:18px}.ui-form-system .purchase-product-body{gap:18px}.ui-form-system .purchase-product-body .formgrid{gap:16px 12px}.ui-form-system .application-info-heading{flex-wrap:wrap;gap:10px}.ui-form-system .purchase-cart-tools{padding:16px}.ui-form-system .filters{align-items:stretch}.ui-form-system .filters :is(button,.btn){flex:1 1 auto}.ui-form-system .purchase-submit-bar #submit{width:100%}.ui-form-system .draft-actions button{width:100%}.ui-form-system :is(.formgrid,.form-grid,.settings-form)>*{min-width:0}.ui-form-system .application-types{flex-wrap:wrap}.ui-form-system .application-types label{flex:1 1 100px}.ui-form-system .purchase-transport .application-types{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-form-system .purchase-product-body .formgrid{grid-template-columns:1fr!important}.ui-form-system :is(#products,#productList) .product .formgrid label:nth-child(n){grid-column:1/-1}.ui-form-system #topupForm .amounts button{flex:1 1 40%}}
@media(prefers-reduced-motion:reduce){.ui-form-system :is(main,dialog) :is(input,select,textarea,button,.btn){transition:none}}
