dialog.account-access-dialog{width:min(620px,94vw);max-height:90dvh;overflow:auto;background:linear-gradient(145deg,#f6fbff,#eef1fc)!important;border:1px solid #c7d9ee!important;border-radius:16px!important;box-shadow:0 18px 50px #244a7520!important;padding:14px!important}
dialog.account-access-scroll[open]{display:flex;flex-direction:column;overflow:hidden}
dialog.account-access-scroll>.dialog-head{flex:0 0 auto}
dialog.account-access-dialog.account-access-scroll>form{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:8px}
dialog.account-access-dialog .dialog-head{background:linear-gradient(110deg,#198ee6,#393bad)!important;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 5px 12px #2453a530;padding:14px 18px!important}
:root body dialog.account-access-dialog .dialog-head #account-access-title{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:21px!important;font-weight:400!important}
dialog.account-access-dialog .dialog-head button{background:#ffffff18!important;color:#fff!important;border:1px solid #ffffff55!important;border-radius:7px}
dialog.account-access-dialog form{padding:12px 8px 0}
dialog.account-access-dialog input:not([type=checkbox]){background:#fff!important;border:1px solid #c9d9ee!important;box-shadow:inset 0 1px 3px #345c7910}
dialog.account-access-dialog h3{color:#2857a4;font-size:16px;font-weight:500;margin:20px 0 10px}
dialog.account-access-dialog .account-access-permissions{border:1px solid #c9d9ee;border-radius:10px;background:#fff}
dialog.account-access-dialog .account-access-permissions label{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0;border-bottom:1px solid #e1eaf5}
dialog.account-access-dialog .account-access-permissions label:last-child{border-bottom:0}
dialog.account-access-dialog input[type=checkbox]{width:18px;height:18px;accent-color:#317cda;flex:none}
dialog.account-access-dialog .account-access-active{display:flex;gap:12px;align-items:center;margin-top:20px}
dialog.account-access-dialog .account-technician-options{margin:18px 0 0;padding:8px 14px;border:1px solid #c9d9ee;border-radius:10px;background:#fff}
dialog.account-access-dialog .account-technician-options legend{padding:0 5px;color:#2857a4}
dialog.account-access-dialog .account-technician-options label{display:flex;align-items:center;gap:12px;margin:0;padding:9px 0}
dialog.account-access-dialog .account-technician-options input[type=radio]{width:18px;height:18px;accent-color:#317cda;flex:none;box-shadow:none}
dialog.account-access-dialog .primary{background:linear-gradient(110deg,#248ee6,#3b45ad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 9px #2058bd33}
dialog.account-access-dialog .form-footer{display:flex;flex-wrap:wrap;gap:10px}
dialog.account-access-dialog .form-footer span{flex:1}
#password-form .account-password-input{position:relative;margin-bottom:14px}
#password-form .account-password-input input{padding-right:92px}
#password-form .account-password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:6px 8px;min-height:30px;gap:5px;background:transparent;border:0;color:#2857a4;font-size:12px}
#password-form .account-password-toggle svg{width:18px;height:18px;flex:none}
#password-form .account-password-toggle[aria-pressed=true]{background:#e5efff}
/* Style 01 is scoped to the requested account page. */
#app .main.account-management-page .card{background:linear-gradient(145deg,#f6fbff,#eef1fc)!important;border:1px solid #c7d9ee!important;border-radius:16px!important;box-shadow:0 10px 30px #244a7514!important}
#app .main.account-management-page .card-title,#app .main.account-management-page .card>h2{background:linear-gradient(110deg,#198ee6,#393bad)!important;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 5px 12px #2453a530;padding:14px 18px;margin-bottom:20px}
#app .main.account-management-page .card-title h2,#app .main.account-management-page .card>h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:21px!important;font-weight:400!important}
#app .main.account-management-page input{background:#fff!important;border:1px solid #c9d9ee!important;box-shadow:inset 0 1px 3px #345c7910}
#app .main.account-management-page label{color:#2857a4!important}
#app .main.account-management-page .primary{background:linear-gradient(110deg,#248ee6,#3b45ad)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 9px #2058bd33}
#app .main.account-management-page table{background:#fff}
#app .main.account-management-page th{background:#eaf2ff!important;color:#2857a4!important}
#app .main.account-management-page td{border-bottom-color:#dce6f3}
dialog.account-reset-dialog .dialog-head h2{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:21px!important;font-weight:400!important}
dialog.account-access-dialog .account-reset-button{width:100%;color:#2857a4!important;background:#edf5ff!important;border:1px solid #3987df!important;margin:12px 0}
.account-reset-notice{background:#e6f1ff;border:1px solid #c7d9ee;color:#2857a4;border-radius:10px;padding:16px;margin:18px 0;line-height:1.9}
.account-reset-dialog .account-password-input{position:relative;margin-bottom:18px}
.account-reset-dialog .account-password-input input{padding-right:54px}
.account-reset-dialog .account-password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:7px;background:transparent;border:0;color:#2857a4}
.account-reset-dialog .account-password-toggle svg{width:20px;height:20px}
#app .account-force-password{width:min(620px,96vw);margin:32px auto;padding:12px;min-height:0}

/* Compact employee settings only; retain the existing fields and their order. */
dialog.account-access-dialog.account-access-scroll{width:min(560px,94vw);padding:12px!important}
dialog.account-access-dialog.account-access-scroll>.dialog-head{padding:10px 14px!important;margin-bottom:12px}
:root body dialog.account-access-dialog.account-access-scroll .dialog-head #account-access-title{font-size:19px!important}
dialog.account-access-dialog.account-access-scroll>form{padding:2px 4px 8px}
dialog.account-access-scroll h3{font-size:14px;margin:12px 0 8px}
dialog.account-access-scroll .hint{font-size:12px;line-height:1.6;margin-top:6px}
dialog.account-access-scroll input:is([type=checkbox],[type=radio]){min-height:0!important;height:18px!important;width:18px;margin:0}
dialog.account-access-scroll .account-access-permissions label{min-height:40px;padding:8px 12px;gap:10px}
dialog.account-access-scroll .account-access-active{min-height:32px;margin:12px 0 0;gap:10px}
dialog.account-access-scroll .account-technician-options{margin-top:12px;padding:4px 12px}
dialog.account-access-scroll .account-technician-options legend{font-size:14px}
dialog.account-access-scroll .account-technician-options label{min-height:36px;padding:6px 0;gap:10px}
dialog.account-access-scroll .account-reset-button{margin:10px 0 0}
dialog.account-access-scroll .form-footer{margin-top:14px;padding-top:12px}
@media(pointer:coarse){dialog.account-access-scroll .account-access-permissions label,dialog.account-access-scroll .account-technician-options label,dialog.account-access-scroll .account-access-active{min-height:44px}}