#authRoot{min-height:100dvh;display:grid;place-items:center;padding:28px;background:#eff5f2}.login-card{width:min(100%,420px);background:white;border:1px solid #dfe8e2;border-radius:16px;padding:36px;box-shadow:0 16px 48px #213b3310}.login-mark{color:#17644f;font-size:22px;font-weight:700;margin-bottom:28px}.login-card h1{font-size:26px}.login-card p{margin:12px 0 20px}.login-card label{display:block;margin:18px 0;font-size:15px}.login-card input{width:100%;margin-top:8px;padding:12px;border:1px solid #cedbd4;border-radius:6px}.login-card button{width:100%;min-height:44px}.login-card small{display:block;color:#718178;margin-top:20px}#authError{color:#ad3434}.permission-table input{width:18px;height:18px}.account-nav{display:flex;gap:12px;margin-bottom:24px}.account-status{padding:4px 8px;border-radius:4px;background:#eaf4ef}.account-status.off{background:#fbe9e9;color:#983333}
#authRoot[hidden],#officeRoot[hidden]{display:none}
/* Account permissions use a compact, fully scrollable dialog. */
#modal:has(#accountForm){width:calc(100vw - 32px);max-width:900px;max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto}
#accountForm .form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
#accountForm label{font-size:14px;margin-bottom:8px}
#accountForm input:not([type=checkbox]),#accountForm select{padding:8px;min-width:0;font-size:14px}
#accountForm .permission-table{table-layout:fixed;width:100%;min-width:650px}
#accountForm .permission-table th,#accountForm .permission-table td{padding:7px 5px;font-size:14px;line-height:1.3;white-space:normal;text-align:center}
#accountForm .permission-table th:first-child,#accountForm .permission-table td:first-child{width:130px;text-align:left}
#accountForm .permission-table th:last-child,#accountForm .permission-table td:last-child{width:110px}
#accountForm .permission-table input[type=checkbox]{display:inline-block;width:17px;height:17px;margin:0;vertical-align:middle}
#accountForm .permission-table select{width:100%;padding:6px 3px}
#accountForm .table-wrap{max-width:100%;overflow-x:auto}
#accountForm .form-actions{position:sticky;bottom:-22px;background:#fff;padding:12px 0;margin-top:12px;border-top:1px solid #e4eae7}
@media(max-width:600px){#modal:has(#accountForm){padding:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}#accountForm .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}#accountForm .form-actions{bottom:-16px}}
.department-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #dfe7e2;border-radius:7px;background:#fff}.department-item strong{font-size:14px;font-weight:500}