/* Nhận diện động: slogan nghệ thuật có tương phản cao và form cấu hình đăng nhập giới hạn chiều rộng. */
.brand-lockup{align-items:flex-start}.brand-copy{display:grid;gap:0;min-width:0}.brand-copy>b{display:block;padding-bottom:5px;color:inherit;font:700 15px/1.05 Arial,sans-serif;letter-spacing:-.03em}.brand-slogan{display:block;max-width:168px;margin-top:2px;padding-top:5px;border-top:1px solid rgba(217,177,105,.42);font-size:9px;line-height:1.35;letter-spacing:.01em}.sidebar .brand-slogan{color:#bbcdc4}.brand-slogan--ribbon{width:max-content;max-width:100%;margin-top:4px;padding:3px 6px;border-top:0;background:#d9b169;color:#173f34!important;font:800 8px/1.25 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.brand-slogan--signature{color:#d9b169!important;font:italic 15px/1.05 "DM Serif Display",Georgia,serif;letter-spacing:-.02em}.brand-logo-image{object-fit:contain;background:#fff}.sidebar .brand-logo-image{width:34px;height:34px;padding:2px;border:1px solid rgba(255,255,255,.44)}.credit-brand .brand-logo-image{width:34px;height:34px;padding:2px;border:1px solid #123d36}.credit-brand div>span{margin-top:6px!important;padding-top:5px;border-top:1px solid #d5ded7}.login-brand{margin-bottom:52px;color:#f7f7f0}.login-brand .brand-logo-image{width:38px;height:38px;padding:2px;border:1px solid rgba(255,255,255,.46)}.login-brand .brand-copy>b{font-size:18px}.login-brand .brand-slogan{max-width:285px;color:#d4e2dc}.login-slogan-label{display:block;margin-bottom:6px;color:#b8cfc3;font:700 9px/1 Arial,sans-serif;letter-spacing:.12em}.login-slogan-art{display:block;color:#f6efcf}.login-slogan-art.brand-slogan--ribbon{display:inline-block;padding:6px 8px}.login-slogan-art.brand-slogan--signature{font-size:25px;line-height:1.05}.login-layout-centered{max-width:920px!important;grid-template-columns:minmax(0,1fr)!important;padding:52px 0!important}.login-layout-centered .login-visual{text-align:center;align-items:center;padding:58px 12%}.login-layout-centered .login-visual>p{max-width:630px}.login-layout-centered .login-card{width:min(100%,480px);margin:0 auto}.branding-setting-card{max-width:880px!important}.branding-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.branding-fields .field-label--wide{grid-column:1/-1}.branding-section{padding:16px;border:1px solid #dce7df;background:#f8fbf8}.branding-section>strong{display:block;margin-bottom:10px;color:#1b5141;font:800 12px Arial,sans-serif}.branding-login-preview{overflow:hidden;border:1px solid #d2dfd6;background:#123d36;color:#f7f5ef}.branding-login-preview .preview-visual{min-height:236px;padding:24px;background:radial-gradient(circle at 70% 30%,rgba(195,131,52,.26),transparent 37%),#123d36}.branding-login-preview .preview-card{width:min(100%,310px);margin:0 auto;padding:16px;background:#fffdf8;color:#173f34}.branding-login-preview .preview-card span,.branding-login-preview .preview-card label{display:block;font-size:10px}.branding-login-preview .preview-card label{margin-top:8px}.branding-login-preview .preview-card i{display:block;height:22px;margin-top:4px;background:#edf2ed;border:1px solid #d3ddd5}.branding-login-preview .preview-card b{display:block;margin-top:10px;padding:7px;background:#164d40;color:#fff;text-align:center;font-size:10px}.branding-login-preview .preview-layout-centered .preview-visual{text-align:center}.branding-login-preview .preview-brand{display:flex;align-items:center;gap:8px}.branding-login-preview .preview-brand .brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.5);font:500 14px/1 "IBM Plex Mono",monospace}.branding-login-preview .preview-brand img{width:30px;height:30px;background:#fff;object-fit:contain}.branding-login-preview .preview-brand strong{display:block;padding-bottom:4px;font-size:15px}.branding-login-preview .preview-brand small{display:block;margin-top:3px;padding-top:4px;border-top:1px solid rgba(217,177,105,.42)}.branding-login-preview h3{max-width:400px;margin:28px 0 7px;font:400 25px/1.05 "DM Serif Display",Georgia,serif}.branding-login-preview p{max-width:460px;margin:0;color:#d2e0d8;font-size:11px;line-height:1.5}@media(max-width:700px){.branding-fields{grid-template-columns:1fr}.branding-fields .field-label--wide{grid-column:auto}.login-layout-centered{padding:18px 0!important}.login-layout-centered .login-visual{padding:42px 10%}.login-brand{margin-bottom:30px}}
.brand-lockup{min-width:0;max-width:100%}.brand-copy{width:calc(100% - 44px);max-width:calc(100% - 44px);overflow:hidden}.brand-slogan,.brand-slogan--ribbon,.brand-slogan--signature,.credit-brand div>span{box-sizing:border-box;max-inline-size:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.brand-slogan--ribbon{width:auto}.sidebar .brand-lockup{overflow:hidden}.login-brand .brand-copy{width:calc(100% - 50px);max-width:calc(100% - 50px)}.login-slogan-art{max-inline-size:min(100%,34rem)}.branding-login-preview .preview-brand{min-width:0}.branding-login-preview .preview-brand>span:last-child{min-width:0}.branding-login-preview .preview-brand small{box-sizing:border-box;max-inline-size:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.brand-slogan,.credit-brand div>span,.branding-login-preview .preview-brand small,.login-slogan-art{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.sidebar .brand-slogan{-webkit-line-clamp:2}.login-slogan-art{max-block-size:4.1em}.brand-slogan--ribbon{display:-webkit-box;width:fit-content}.credit-brand div>span{max-width:26rem}
.sidebar .brand-lockup{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;min-height:42px}.sidebar .brand-copy{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden}.sidebar .brand-copy>b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar .brand-slogan,.sidebar .brand-slogan--ribbon,.sidebar .brand-slogan--signature{display:block;width:100%;max-width:100%;min-height:0;max-height:16px;margin-top:3px;padding-top:0;border-top:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:normal;-webkit-line-clamp:unset}.sidebar .brand-slogan--ribbon{box-sizing:border-box;padding:3px 5px;line-height:10px}.sidebar .brand-slogan--signature{font-size:12px;line-height:16px}