/* Không đặt nội dung liên hệ vào cột biểu tượng nhỏ để tránh chồng chữ. */
*{box-sizing:border-box}body{margin:0;background:#eef3f8;color:#182b42;font:16px/1.6 system-ui,sans-serif}main{max-width:1150px;margin:30px auto;padding:20px}h1{line-height:1.3}a{color:#15558d}header,.actions,.tabs,.search{display:flex;gap:12px;align-items:center;flex-wrap:wrap}header{justify-content:space-between}.card{max-width:480px;margin:30px auto;background:white;border-radius:24px;padding:30px;box-shadow:0 16px 50px #082c5415}label{display:block;margin:15px 0}input,select{width:100%;padding:12px;border:1px solid #bdcad8;border-radius:9px;font:inherit}input[type=color]{height:52px}input[type=checkbox]{width:auto}.check{display:flex;gap:10px;align-items:center}button,.button{display:inline-block;padding:10px 16px;border:0;border-radius:9px;background:#123b65;color:white;font:inherit;text-decoration:none;cursor:pointer}.danger{background:#a52a3b}.notice{background:#fff0c2;padding:12px;border-radius:10px}.panel{background:white;padding:24px;border-radius:16px;max-width:720px}.save{margin-top:20px}.table-wrap{overflow:auto}table{width:100%;background:white;border-collapse:collapse;margin-top:20px}th,td{text-align:left;padding:16px;border-bottom:1px solid #dce5ef}.actions form{margin:0}.search{margin-top:20px}.search input{max-width:350px}.profile{border-top:8px solid var(--brand)}.brand{display:flex;align-items:center;gap:16px;color:var(--brand);overflow-wrap:anywhere}.logo{width:76px;height:76px;object-fit:contain}.primary{background:var(--brand);width:100%;text-align:center;margin:16px 0}.links{display:grid;gap:12px}.links.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.links a{display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid #dbe5f0;border-radius:12px;text-decoration:none;overflow-wrap:anywhere;color:var(--brand)}.links span{font-size:13px;color:#5d7088}.links b{font-weight:600}.profile h1,.profile p{overflow-wrap:anywhere}@media(max-width:600px){main{margin:0;padding:12px}.card{padding:22px}.actions{min-width:240px}}

/* v1.2: background cũ giữ nguyên; background mới chỉ áp dụng trang công khai. */
.public-card.bg-white{background:#fff}
.public-card.bg-navy{background:#082c54}
.public-card.bg-soft{background:linear-gradient(150deg,#edf6ff,#f7f3ff);min-height:100vh}
.avatar{display:block;width:148px;height:148px;object-fit:cover;border:3px solid #e4e6eb;border-radius:50%;margin:24px auto}
.links a{flex-direction:row;align-items:center;gap:16px}
.link-copy{display:flex;flex-direction:column;min-width:0;flex:1;overflow-wrap:anywhere}
.links .service-icon,.service-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;color:#fff;background:#009ad4}
.service-icon svg{width:25px;height:25px}
.service-icon.icon-phone{background:#21b44d}.service-icon.icon-email{background:#239ae7}.service-icon.icon-linkedin{background:#007daf}.service-icon.icon-zalo{background:#087af4}.service-icon.icon-viber{background:#7360f2}.service-icon.icon-teams{background:#6264a7}.service-icon.icon-messenger{background:#147aff}.service-icon.icon-address{background:#6b7280}
.links .icon-word{color:#fff;font-weight:750;font-size:23px}.links .linkedin-word{font-size:29px}.links .zalo-word{font-size:15px}
.profile.corporate{max-width:600px;border-top:0;padding:36px 24px 28px;border-radius:0;box-shadow:none;text-align:center}
.corporate .brand{display:flex;flex-direction:column;gap:6px;justify-content:center}
.corporate .logo{width:min(100%,380px);height:90px;object-fit:contain}
.corporate .brand strong{font-size:30px}.corporate .brand small{font-size:15px}
.corporate h1{margin:26px 0 10px;font-size:29px;color:#303846}.corporate .subtitle{font-size:18px;margin:0 0 15px}.corporate .summary-address{color:#717780;font-size:16px;margin:0;overflow-wrap:anywhere}
.quick-actions{display:flex;align-items:stretch;justify-content:center;gap:12px;margin:30px 0;padding-bottom:28px;border-bottom:1px solid #eee}
.quick-actions a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:7px;text-decoration:none;color:#fff;font-weight:650;min-width:0;box-shadow:0 8px 18px #23364a20}
.quick-chat{background:#459dda;flex:1}.quick-call{background:#303847;flex:1}.quick-contact{background:#727986}.quick-actions .service-icon{width:22px;height:22px;flex-basis:22px;background:transparent}.quick-actions svg{width:22px;height:22px}
.corporate .links{gap:24px}.corporate .links a{border:1px solid #e8e8e8;padding:18px;text-align:left;background:#fff;border-radius:8px;box-shadow:0 13px 15px -7px #82909e70;color:#505966}
.corporate .links .service-icon{width:54px;height:54px;flex-basis:54px}.corporate .link-copy b{font-size:17px;font-weight:700}.corporate .link-copy span{font-size:12px}
@media(max-width:420px){.profile.corporate{padding:28px 14px}.corporate .links a{gap:12px;padding:16px 12px}.corporate .link-copy b{font-size:15px}.quick-actions{gap:8px}.quick-actions a{padding:12px 10px}.corporate .logo{height:78px}}

/* v1.3: chỉ sắp xếp lại phần logo và avatar, giữ các nền và bố cục liên kết. */
.profile-heading{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:24px}
.profile .profile-heading .brand{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;text-align:center}
.profile .profile-heading .logo{display:block;width:auto;max-width:100%;height:auto;max-height:100px;object-fit:contain;border-radius:0}
.profile .profile-heading .avatar{display:block;width:160px;height:160px;flex-shrink:0;margin:0;border:3px solid #e4e6eb;border-radius:50%;object-fit:cover;object-position:center}
.asset-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.asset-fields fieldset{min-width:0;border:1px solid #bdcad8;border-radius:12px;padding:16px}
.asset-fields legend{font-weight:600}
.asset-logo{max-width:100%;width:auto;height:80px;object-fit:contain}
.asset-avatar{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid #e4e6eb}
.admin-logo{width:90px;height:50px;object-fit:contain}
.admin-avatar{width:56px;height:56px;object-fit:cover;border-radius:50%}
.version{font-size:14px;color:#5d7088}
[hidden]{display:none!important}
@media(max-width:600px){.asset-fields{grid-template-columns:1fr}}

/* Bảng điều khiển trái và màn hình điện thoại phải, không ảnh hưởng trang công khai. */
.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:24px;align-items:start}
.editor-controls{min-width:0}.editor-controls .panel{max-width:none}
.design-preview{position:sticky;top:20px;background:#fff;padding:18px;border-radius:20px}
.design-preview h2{margin-top:0}.design-preview p{font-size:13px;color:#5d7088}
#phone-preview{display:block;width:100%;height:720px;border:6px solid #263345;border-radius:28px;background:white}
.background-thumbnail{max-width:100%;max-height:140px;object-fit:contain}
button:disabled{opacity:.5;cursor:wait}
@media(max-width:960px){.editor-workspace{grid-template-columns:minmax(0,1fr)}.design-preview{position:static;max-width:410px;width:100%;margin:0 auto}}

/* Mẫu ảnh bìa mới: logo trên nền, avatar tròn giao với khung nội dung. */
.profile.cover{background:transparent;box-shadow:none;border:0;padding:0;max-width:640px}
.cover .profile-heading{margin:0;gap:0;padding:32px 24px 0}
.cover .profile-heading .brand{min-height:110px;justify-content:center}
.cover .profile-heading .avatar{position:relative;z-index:1;transform:translateY(50%)}
.cover .profile-details{background:#fff;border-radius:12px;padding:104px 24px 28px;box-shadow:0 16px 50px #082c5415}
.cover .profile-heading:not(:has(.avatar)) + .profile-details{padding-top:28px;margin-top:24px}
@media(max-width:420px){.profile.cover{padding:0}.cover .profile-details{padding-left:14px;padding-right:14px}}