.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#f5f4ee}.login-story{background:#e8ede3;padding:52px 60px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-story h1{font-size:42px;line-height:1.5;font-weight:500;letter-spacing:2px;margin:20px 0}.login-story p{color:#6f8075;line-height:2}.login-story>small{letter-spacing:3px;color:#849082;font-size:10px}.role-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.role-pills span{padding:5px 12px;border:1px solid #cdd8c7;border-radius:20px;color:#607762;font-size:12px}.login-main{margin:0;padding:50px;display:grid;place-items:center;max-width:none}.login-card{width:min(380px,100%)}.login-card h2{font-size:29px;margin:14px 0}.login-card>p{color:#7a867a;font-size:13px;line-height:1.8}.login-card label{display:block;margin:20px 0;font-size:13px}.login-card input{display:block;width:100%;padding:12px;border:1px solid #d9dfd3;border-radius:8px;margin-top:8px;background:#fff;font:inherit}.login-card button{width:100%;padding:13px}.login-card [hidden]{display:none}.login-public{display:block;text-align:center;margin-top:23px;color:#476c57;font-size:13px}.login-footnote{font-size:11px!important;text-align:center}#login-error,.account-error{color:#ac4e3a;font-size:13px}.account-tools{display:flex;align-items:center;gap:12px}.account-tools button{font-size:12px}.identity{font-size:12px;color:#55705e}.identity small{display:block;color:#8a9387;font-size:10px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:15px;border-top:1px solid #e5e9e0;color:#7a867a;font-size:12px}.pagination>div{display:flex;gap:8px}.pagination button{font-size:12px;padding:6px 12px}.account-form{max-width:520px}.account-form label,.user-form label{display:block;margin:16px 0;font-size:13px}.account-form input,.user-form input,.user-form select{display:block;padding:10px;width:100%;margin-top:6px;border:1px solid #d9dfd3;border-radius:7px;font:inherit}.role-summary{padding:16px 20px;background:#edf1e8;border-radius:10px;line-height:1.9;font-size:13px;color:#58705d;margin-bottom:22px}.owner-choice{display:flex!important;gap:12px;align-items:center;padding:10px;background:#f3f5f0;border-radius:6px;margin:6px 0!important}.owner-choice input{width:auto!important;margin:0!important}.read-details{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}.read-details div{border-bottom:1px solid #e8ece4;padding:10px 0}.read-details dt{font-size:12px;color:#7b887c}.read-details dd{margin:7px 0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.read-images{display:flex;gap:12px;overflow:auto;margin:15px 0}.read-images img{height:130px;max-width:220px;object-fit:cover;border-radius:8px}.client-empty{padding:30px;line-height:2;color:#728274}.owner-tag{font-size:11px;color:#65816c}.customer-heading{display:flex;align-items:center;gap:15px}.customer-heading input{padding:8px;border:1px solid #d9dfd3;border-radius:8px}.account-dialog{width:min(570px,94vw);max-height:90vh;overflow:auto;border:1px solid #dce3d5;border-radius:14px;padding:25px}.account-dialog::backdrop{background:#243d3866}.role-hint{color:#738272;font-size:12px;line-height:1.8}.no-access{padding:40px}button:disabled{opacity:.45;cursor:not-allowed}#detail-dialog .form-actions{margin-top:18px}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-story{min-height:0;padding:25px}.login-story>div{display:none}.login-story>small{display:none}.login-main{padding:35px 25px}.account-tools{gap:6px}.identity small{display:none}.read-details{grid-template-columns:1fr}.pagination{flex-wrap:wrap}}

.customer-heading{white-space:nowrap}.customer-heading input{width:auto;min-width:150px}@media(min-width:761px){body:not(.login-page)>aside{overflow-y:auto}body:not(.login-page) #nav button{padding-top:10px;padding-bottom:10px}body:not(.login-page) .side-bottom{position:static;margin-top:28px}}

/* Consistent inner spacing for panel bodies, forms and table footers. */
.panel-body{padding:22px 23px}
.panel-body>.role-summary{margin:0 0 18px}
.panel-actions{display:flex;flex-wrap:wrap;gap:8px}
.panel>.pagination{margin-top:0;padding:16px 23px}
.panel>.account-form{max-width:566px;padding:22px 23px}
.account-form>h2{margin:0 0 20px;font-size:18px;font-weight:600}
@media(max-width:760px){
 .panel-body,.panel>.account-form{padding:18px 16px}
 .panel>.pagination{padding:14px 16px}
}