*{box-sizing:border-box}:root{--navy:#0b3a66;--navy2:#0f4d80;--ink:#172033;--muted:#64748b;--line:#dbe3ec;--surface:#fff;--bg:#f3f6f9;--danger:#b42318;--success:#137547;--warning:#8a5b00;--radius:12px;--shadow:0 8px 24px rgba(20,42,66,.06)}html{font-size:16px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.45}a{color:var(--navy2)}.app-header{background:linear-gradient(100deg,var(--navy),#154f7d);color:#fff;padding:14px max(18px,calc((100vw - 1440px)/2 + 20px));display:flex;justify-content:space-between;gap:18px;align-items:center}.brand{font-weight:800;letter-spacing:.5px;font-size:21px}.brand-sub{font-size:13px;opacity:.84;margin-top:2px}.header-tools,.user{display:flex;align-items:center;gap:9px}.user a{color:#fff}.user-role{padding:3px 8px;background:rgba(255,255,255,.14);border-radius:999px;font-size:12px}.menu-toggle{display:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:8px;padding:9px 12px;font-weight:700}.main-nav{background:#fff;border-bottom:1px solid var(--line);padding:0 max(18px,calc((100vw - 1440px)/2 + 20px));display:flex;gap:3px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(20,40,60,.03)}.main-nav a{color:#173d61;text-decoration:none;font-weight:700;padding:12px 10px;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{background:#f3f7fb;border-bottom-color:#1a68a5}main{max-width:1440px;margin:22px auto;padding:0 20px}footer{text-align:center;color:var(--muted);padding:30px 18px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:26px;margin:0 0 18px}h2{font-size:19px;margin:0}h3{font-size:15px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.form-section{padding:0;overflow:hidden}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:17px 18px 13px;border-bottom:1px solid #e7edf3;background:linear-gradient(180deg,#fff,#fbfdff)}.section-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.9px;color:#41749e;margin-bottom:3px}.section-help{margin:4px 0 0;color:var(--muted);font-size:13px}.form-section>.profile-form-grid,.form-section>.address-block,.form-section>.copy-line,.form-section>.grid,.form-section>.grid3,.form-section>#rels,.form-section>#add-relative{margin-left:18px;margin-right:18px}.form-section>.profile-form-grid{padding:18px 0}.form-section>.address-block:first-of-type{margin-top:18px}.form-section>.address-block:last-child,.form-section>#add-relative{margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.field-span-2{grid-column:span 2}label{font-weight:700;display:block;margin-bottom:6px;font-size:14px}input,select,textarea{width:100%;min-height:43px;padding:10px 11px;border:1px solid #c8d3df;border-radius:8px;background:#fff;color:var(--ink);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#4b88b7;box-shadow:0 0 0 3px rgba(43,116,170,.12)}input[readonly],select:disabled{background:#f3f6f8;color:#586575}textarea{min-height:92px;resize:vertical}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.actions.right{justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 14px;border-radius:8px;border:1px solid transparent;background:var(--navy);color:#fff;text-decoration:none;cursor:pointer;font-size:14px;font-weight:700}.btn:hover{filter:brightness(1.06)}.btn-lg{min-height:46px;padding:11px 16px}.btn.secondary{background:#64748b}.btn.danger{background:var(--danger)}.btn.light{background:#edf3f8;color:var(--navy);border-color:#d4e0ea}.btn.success{background:#237a4b}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px}.table-wrap table{width:100%;border-collapse:collapse}.wide-table{min-width:980px}.compact-table{min-width:0}th,td{padding:10px 11px;border-bottom:1px solid #e8edf2;text-align:left;vertical-align:top}th{background:#eef4f8;white-space:nowrap;font-size:13px;color:#294a67}.flash{padding:12px 14px;border-radius:8px;margin-bottom:14px;border:1px solid transparent}.flash.success{background:#e7f7ef;border-color:#b7e6cf}.flash.error{background:#feeceb;border-color:#f6c3bf}.flash.warning{background:#fff7d6;border-color:#f2de91}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.stat b{font-size:30px;display:block;margin-top:3px;color:#123f66}.muted{color:var(--muted)}.required:after{content:' *';color:var(--danger)}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e7eef5;color:var(--navy);font-size:12px;font-weight:700}.badge.left{background:#f1f1f1;color:#555}.badge.warn{background:#fff0c2;color:#7a4d00}.small{font-size:12px}.nowrap{white-space:nowrap}.login{max-width:440px;margin:70px auto}.filter-actions{display:flex;gap:8px;align-items:end}.pagination{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.pagination a,.pagination span{padding:8px 11px;border:1px solid var(--line);border-radius:7px;text-decoration:none}.pagination .current{background:var(--navy);color:#fff}.profile-form-grid{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:start}.avatar-upload{min-width:0}.avatar-preview-wrap{width:160px;height:190px;margin-bottom:10px}.avatar-preview,.avatar-placeholder{width:160px;height:190px;border-radius:12px;border:1px solid #cbd5e1;object-fit:cover;background:#f8fafc}.avatar-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-weight:700}.field-status{font-size:12px;margin-top:5px;min-height:16px}.field-status.error{color:var(--danger);font-weight:700}.field-status.ok{color:var(--success)}.field-status.warning{color:var(--warning)}.address-block{border:1px solid #e5ebf1;border-radius:10px;padding:13px;margin-top:12px}.address-block h3{margin:0 0 10px;color:#254968}.copy-line{margin-top:13px!important;margin-bottom:13px!important}.check-label{display:flex;align-items:flex-start;gap:8px;font-weight:700}.check-label input{width:auto;min-height:0;margin-top:3px}.legacy-note{margin-top:7px;padding:8px 10px;background:#fff7d6;border-radius:7px;color:#7a4d00}.relative-row-v21{display:grid;grid-template-columns:1.35fr .6fr 1fr 2.5fr auto;gap:9px;margin-bottom:12px;align-items:end;padding:12px;border:1px solid #e4eaf0;border-radius:10px;background:#fbfdff}.rel-address-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;margin-top:6px}.person-summary{display:grid;grid-template-columns:180px 1fr;gap:18px}.detail-avatar-wrap{display:flex;justify-content:center}.detail-avatar{width:160px;height:200px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#f8fafc}.detail-avatar.empty{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:170px 1fr 170px 1fr;gap:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.detail-grid>div{padding:10px;border-bottom:1px solid #e5e7eb}.detail-grid .k{background:#f8fafc;font-weight:700}.doc-list{display:flex;gap:12px;flex-wrap:wrap}.doc-card{width:180px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.doc-card img{width:100%;height:110px;object-fit:cover;border-radius:5px;background:#eee}.list-avatar{width:48px;height:58px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:#f8fafc}.list-avatar.empty{display:flex;align-items:center;justify-content:center;color:#94a3b8}.avatar-cell{width:64px}.mobile-record-list{display:none}.qr-quick-panel{margin:16px 18px 0;padding:14px;border:1px solid #cfe0ee;border-radius:11px;background:linear-gradient(135deg,#f3f8fc,#fff);display:flex;justify-content:space-between;align-items:center;gap:16px}.qr-quick-copy{display:flex;flex-direction:column;gap:3px}.qr-quick-copy b{color:#124c78}.qr-quick-copy span{font-size:13px;color:var(--muted)}.qr-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.qr-result{margin:10px 18px 0;padding:10px 12px;border-radius:8px;font-size:13px}.qr-result:empty{display:none}.qr-result.success{background:#e8f7ef;color:#12633d}.qr-result.error{background:#feeceb;color:#92251d}.qr-result.loading,.qr-result.info{background:#edf5fb;color:#235b86}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(4,15,27,.72);display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal-open{overflow:hidden}.qr-modal-card{width:min(660px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:15px 16px;border-bottom:1px solid var(--line)}.icon-button{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:28px;line-height:1;color:#38526a;cursor:pointer}.qr-camera-wrap{position:relative;background:#08131d;aspect-ratio:4/3;overflow:hidden}.qr-camera-wrap video{width:100%;height:100%;object-fit:cover;display:block}.qr-frame{position:absolute;inset:15% 20%;border:3px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.24)}.qr-frame:before,.qr-frame:after,.qr-frame span:before,.qr-frame span:after{content:'';position:absolute;width:36px;height:36px;border-color:#55e29a;border-style:solid}.qr-frame:before{left:-4px;top:-4px;border-width:5px 0 0 5px;border-radius:12px 0 0 0}.qr-frame:after{right:-4px;top:-4px;border-width:5px 5px 0 0;border-radius:0 12px 0 0}.qr-frame span:before{left:-4px;bottom:-4px;border-width:0 0 5px 5px;border-radius:0 0 0 12px}.qr-frame span:after{right:-4px;bottom:-4px;border-width:0 5px 5px 0;border-radius:0 0 12px 0}.qr-camera-message{position:absolute;left:12px;right:12px;bottom:10px;color:#fff;background:rgba(5,15,25,.7);padding:8px 10px;border-radius:8px;text-align:center;font-size:13px}.modal-actions{padding:12px 16px;display:flex;gap:8px;flex-wrap:wrap}.qr-manual{margin:0 16px 16px;border-top:1px solid var(--line);padding-top:10px}.qr-manual summary{cursor:pointer;font-weight:700;color:#405a71}.qr-manual textarea{margin:10px 0}.form-save-bar{position:sticky;bottom:10px;z-index:30;background:rgba(243,246,249,.94);backdrop-filter:blur(8px);padding:10px;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px rgba(18,42,64,.12)}.mobile-record-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;box-shadow:var(--shadow)}.mobile-record-top{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center}.mobile-record-avatar{width:50px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#f8fafc}.mobile-record-avatar.empty{display:flex;align-items:center;justify-content:center}.mobile-record-title{min-width:0}.mobile-record-title a{text-decoration:none}.mobile-record-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}.mobile-record-meta div{background:#f7f9fb;border-radius:8px;padding:8px}.mobile-record-meta dt{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase}.mobile-record-meta dd{margin:2px 0 0;font-size:13px}.mobile-record-actions{display:flex;gap:8px;margin-top:10px}.mobile-record-actions .btn{flex:1}@media print{header,.main-nav,footer,.no-print,.actions,.menu-toggle{display:none!important}body{background:#fff}main{max-width:none;margin:0;padding:0}.card,.table-wrap{border:0;box-shadow:none}.detail-grid{font-size:12px}}
@media(max-width:1100px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}.relative-row-v21{grid-template-columns:1fr 130px 180px}.relative-row-v21 .rel-address{grid-column:1/-1}.relative-row-v21 .rel-remove{grid-column:3;justify-self:end}.detail-grid{grid-template-columns:145px 1fr}.detail-grid .k{border-bottom:0}}
@media(max-width:860px){.app-header{padding:12px 14px;position:sticky;top:0;z-index:80}.brand{font-size:18px}.brand-sub{font-size:11px}.user span:not(.user-role){display:none}.user-role{display:none}.menu-toggle{display:inline-flex;align-items:center;gap:5px}.main-nav{display:none;position:sticky;top:69px;z-index:79;padding:8px 10px;box-shadow:0 10px 24px rgba(20,40,60,.12);max-height:calc(100vh - 75px);overflow:auto}.main-nav.open{display:grid;grid-template-columns:1fr 1fr}.main-nav a{border:0;border-radius:8px;padding:11px}.main-nav a.active{border:0;background:#eaf2f8}main{margin:16px auto;padding:0 12px}h1{font-size:22px}.grid,.grid3,.grid4{grid-template-columns:1fr 1fr}.profile-form-grid,.person-summary{grid-template-columns:1fr}.avatar-upload{text-align:center}.avatar-preview-wrap{margin-left:auto;margin-right:auto}.avatar-upload input{text-align:left}.qr-quick-panel{align-items:flex-start;flex-direction:column}.qr-quick-actions{width:100%}.qr-quick-actions .btn{flex:1}.dashboard-grid{grid-template-columns:1fr}.compact-table-wrap{overflow:visible}.compact-table th,.compact-table td{white-space:normal}.relative-row-v21{grid-template-columns:1fr 1fr}.relative-row-v21 .rel-address{grid-column:1/-1}.relative-row-v21 .rel-remove{grid-column:2}.rel-address-grid{grid-template-columns:1fr 1fr}.rel-address-grid .rel-detail{grid-column:1/-1}.desktop-record-table{display:none}.mobile-record-list{display:grid;gap:10px}.filter-actions{grid-column:1/-1}.form-save-bar{bottom:max(8px,env(safe-area-inset-bottom))}}
@media(max-width:600px){body{font-size:15px}.app-header{min-height:64px}.brand-sub{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user a{font-size:13px}.menu-toggle span{display:none}.main-nav{top:64px;grid-template-columns:1fr!important}.page-title-row h1{font-size:21px}.card{padding:14px;border-radius:10px}.form-section{padding:0}.section-heading{padding:14px}.form-section>.profile-form-grid,.form-section>.address-block,.form-section>.copy-line,.form-section>.grid,.form-section>.grid3,.form-section>#rels,.form-section>#add-relative{margin-left:12px;margin-right:12px}.qr-quick-panel,.qr-result{margin-left:12px;margin-right:12px}.grid,.grid3,.grid4,.identity-grid,.stats{grid-template-columns:1fr}.field-span-2{grid-column:auto}.stat{padding:13px}.stat b{font-size:26px}.actions>.btn{flex:1}.filter-actions{grid-column:auto;align-items:stretch;flex-direction:column}.profile-form-grid{gap:12px}.avatar-preview-wrap{width:132px;height:156px}.avatar-preview,.avatar-placeholder{width:132px;height:156px}.address-block{padding:10px}.relative-row-v21{grid-template-columns:1fr;padding:10px}.relative-row-v21 .rel-address,.relative-row-v21 .rel-remove{grid-column:1}.rel-address-grid{grid-template-columns:1fr}.rel-address-grid .rel-detail{grid-column:auto}.form-save-bar{margin:14px -4px 0}.form-save-bar .btn{min-height:48px}.detail-grid{grid-template-columns:1fr}.detail-grid .k{background:#edf3f8;padding-bottom:5px}.detail-grid>div:not(.k){padding-top:5px}.doc-card{width:100%}.mobile-record-meta{grid-template-columns:1fr 1fr}.qr-modal-card{width:100%;height:100%;max-height:none;border-radius:0;display:flex;flex-direction:column}.modal-backdrop{padding:0}.qr-camera-wrap{flex:1;min-height:320px;aspect-ratio:auto}.modal-actions .btn{flex:1}.qr-frame{inset:18% 12%}.qr-quick-actions{flex-direction:column}.qr-quick-actions .btn{width:100%}}
/* v2.2.3: địa chỉ cũ + ảnh đại diện chụp/chọn tệp + QR chỉ đọc từ ảnh */
.avatar-source-actions{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 8px}.avatar-source-btn{flex:1;min-width:120px}.address-block-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.address-block-title h3{margin:0}.legacy-toggle-label{margin:0;color:#496178;font-weight:700}.legacy-address-fields{padding:12px;border:1px dashed #d7b55a;background:#fffbeb;border-radius:9px}.legacy-address-fields[hidden],.legacy-current-fields[hidden]{display:none!important}.legacy-address-fields input{background:#fff}.qr-quick-actions .qr-file-label{min-width:220px}
@media(max-width:600px){.address-block-title{align-items:flex-start;flex-direction:column}.avatar-source-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.avatar-source-btn{min-width:0;padding-left:8px;padding-right:8px}.qr-quick-actions .qr-file-label{min-width:0;width:100%}}
/* v2.3.0 */
.address-4-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:10px;align-items:end}.address-4-grid input{width:100%}.rel-address-grid-v23{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:7px;margin-top:6px}.searchable-select-wrap{display:grid;gap:5px}.select-filter-input{min-height:34px;padding:7px 9px;font-size:13px;background:#f8fbfd;border:1px solid #d9e3eb}.admin-residence-grid{align-items:start}.qr-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.qr-file-label{cursor:pointer}.residence-address-preview{background:#f7fafc}.identity-grid input[list],.address-4-grid input[list],.rel-address-grid-v23 input[list]{background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}
@media(max-width:1100px){.address-4-grid{grid-template-columns:1fr 1fr}.rel-address-grid-v23{grid-template-columns:1fr 1fr}.admin-residence-grid{grid-template-columns:1fr}}
@media(max-width:600px){.address-4-grid,.rel-address-grid-v23{grid-template-columns:1fr}.qr-quick-actions{width:100%;display:grid;grid-template-columns:1fr}.qr-quick-actions .btn{width:100%}.select-filter-input{min-height:42px;font-size:15px}}

/* ===== v2.3.2 — giao diện gọn, khoa học, responsive PC/mobile ===== */
:root{--content:1320px;--radius:14px;--shadow:0 5px 18px rgba(18,48,75,.055)}
body{background:linear-gradient(180deg,#eef4f8 0,#f6f8fa 180px,#f6f8fa 100%)}
.app-header{padding:12px max(14px,calc((100vw - var(--content))/2 + 18px));min-height:68px;box-shadow:0 3px 14px rgba(7,41,70,.12)}
.brand{font-size:20px}.brand-sub{font-size:12px}.main-nav{padding:0 max(14px,calc((100vw - var(--content))/2 + 18px));gap:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.main-nav a{padding:11px 9px;white-space:nowrap;font-size:14px}
main{max-width:var(--content);margin:16px auto;padding:0 16px}.page-title-row{min-height:38px}h1{font-size:24px;margin:0 0 13px}.card{padding:15px;margin-bottom:13px;border-radius:var(--radius)}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;margin-bottom:13px;border-bottom:1px solid #e7edf2}.card-heading h2{margin:0;font-size:18px}.card-heading .section-kicker{margin:0 0 2px}.compact-form{margin:0}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px}.form-grid-2 .field-span-2{grid-column:1/-1}
.admin-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.6fr);gap:14px;align-items:start}.split-admin-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form-card{position:sticky;top:10px}.split-admin-layout .admin-form-card{position:static}.admin-list-card{min-width:0}.admin-list-card .table-wrap{box-shadow:none}
input,select,textarea{min-height:41px;padding:9px 10px;border-radius:9px}.btn{min-height:38px;padding:8px 12px;border-radius:9px}.btn-sm{min-height:33px;padding:6px 9px;font-size:12px}.table-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.table-actions form{margin:0}.actions{margin:11px 0 0}.actions.right{justify-content:flex-end}.empty-state{text-align:center;color:var(--muted);padding:24px!important}
th,td{padding:9px 10px}tbody tr:hover{background:#f8fbfd}.responsive-admin-table table{min-width:760px}
.form-section{border-radius:14px}.section-heading{padding:13px 15px 11px}.form-section>.profile-form-grid{padding:14px 0}.form-section>.profile-form-grid,.form-section>.address-block,.form-section>.copy-line,.form-section>.grid,.form-section>.grid3,.form-section>#rels,.form-section>#add-relative{margin-left:15px;margin-right:15px}.address-block{padding:11px;margin-top:10px}.identity-grid,.grid,.grid3{gap:11px}.profile-form-grid{grid-template-columns:170px 1fr;gap:17px}.avatar-preview-wrap,.avatar-preview,.avatar-placeholder{width:145px}.avatar-preview-wrap,.avatar-preview,.avatar-placeholder{height:172px}.qr-quick-panel{margin:12px 15px 0;padding:12px}.qr-result{margin:8px 15px 0}.form-save-bar{box-shadow:0 -4px 18px rgba(24,54,80,.08);background:rgba(246,248,250,.94);backdrop-filter:blur(8px);padding:9px;border-radius:12px;position:sticky;bottom:8px;z-index:30}
.stats{gap:10px}.stat{padding:14px}.stat b{font-size:27px}.dashboard-grid{gap:12px}
@media(max-width:980px){.admin-layout,.split-admin-layout{grid-template-columns:1fr}.admin-form-card{position:static}.responsive-admin-table table{min-width:700px}.main-nav{flex-wrap:nowrap}}
@media(max-width:760px){main{margin:10px auto;padding:0 10px}.app-header{min-height:60px;padding:9px 11px}.brand{font-size:17px}.brand-sub{font-size:10.5px}.main-nav{top:60px}.page-title-row{min-height:32px}h1{font-size:20px;margin-bottom:10px}.card{padding:11px;margin-bottom:10px;border-radius:11px}.card-heading{padding-bottom:8px;margin-bottom:10px}.card-heading h2{font-size:16px}.form-grid-2{grid-template-columns:1fr;gap:9px}.form-grid-2 .field-span-2{grid-column:auto}.responsive-admin-table{overflow:visible;border:0;background:transparent}.responsive-admin-table table,.responsive-admin-table thead,.responsive-admin-table tbody,.responsive-admin-table tr,.responsive-admin-table th,.responsive-admin-table td{display:block;width:100%;min-width:0}.responsive-admin-table thead{display:none}.responsive-admin-table tbody{display:grid;gap:9px}.responsive-admin-table tr{border:1px solid var(--line);border-radius:11px;background:#fff;padding:9px;box-shadow:0 3px 12px rgba(18,48,75,.04)}.responsive-admin-table td{border:0;padding:5px 4px 5px 42%;position:relative;min-height:29px}.responsive-admin-table td:before{content:attr(data-label);position:absolute;left:4px;top:5px;width:38%;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.2px}.responsive-admin-table td[data-label="Thao tác"]{padding-left:4px;padding-top:8px;border-top:1px dashed #e2e8ef;margin-top:4px}.responsive-admin-table td[data-label="Thao tác"]:before{display:none}.table-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.table-actions .btn,.table-actions form,.table-actions form .btn{width:100%}.split-admin-layout{gap:10px}.compact-form .actions .btn{width:100%}.profile-form-grid{grid-template-columns:1fr;gap:10px}.avatar-preview-wrap{margin:auto}.section-heading{padding:11px 12px}.form-section>.profile-form-grid,.form-section>.address-block,.form-section>.copy-line,.form-section>.grid,.form-section>.grid3,.form-section>#rels,.form-section>#add-relative{margin-left:10px;margin-right:10px}.qr-quick-panel,.qr-result{margin-left:10px;margin-right:10px}.address-4-grid,.rel-address-grid-v23{gap:8px}.form-save-bar{margin:10px 0 0;padding:8px;bottom:max(6px,env(safe-area-inset-bottom))}.form-save-bar .btn{min-height:46px}.stats{gap:8px}.stat{padding:11px}.stat b{font-size:24px}}
@media(max-width:420px){body{font-size:14px}.table-actions{grid-template-columns:1fr 1fr}.table-actions form:last-child{grid-column:1/-1}.btn{font-size:13px}.card-heading{align-items:flex-start}.card-heading>.badge{flex:none}.responsive-admin-table td{padding-left:40%}.responsive-admin-table td:before{width:36%}}

/* ===== v2.4.0 — hạn lưu trú, gia hạn, lịch sử làm việc/chuyển tổ ===== */
.stay-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;border:1px solid transparent;white-space:nowrap}.stay-badge.compact{padding:3px 7px;font-size:11px;margin-top:3px}.stay-badge.ok{background:#e9f8ef;color:#166534;border-color:#b7e5c7}.stay-badge.warn{background:#fff7db;color:#8a5b00;border-color:#f0d980}.stay-badge.due{background:#fff0df;color:#a44600;border-color:#f5c38f}.stay-badge.expired{background:#ffe8e6;color:#b42318;border-color:#f2b7b2}.stay-badge.inspect{background:#f3e8ff;color:#6b21a8;border-color:#d9b7f5}.stay-badge.left,.stay-badge.muted{background:#edf2f6;color:#526273;border-color:#d5dee6}
.stay-alert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 13px}.stay-alert-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:3px 8px;text-decoration:none!important;border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px 14px;box-shadow:var(--shadow);color:inherit}.stay-alert-card span{font-weight:800}.stay-alert-card b{font-size:28px;line-height:1;grid-row:1/3;grid-column:2}.stay-alert-card small{color:var(--muted)}.stay-alert-card.warn{border-left:5px solid #d49a00}.stay-alert-card.due{border-left:5px solid #e87918}.stay-alert-card.expired{border-left:5px solid #d92d20}.stay-alert-card.inspect{border-left:5px solid #7e22ce}
.compact-action-card{max-width:900px}.history-stack{display:grid;gap:12px}.member-count{font-size:12px}.member-actions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:900px){.stay-alert-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.stay-alert-grid{grid-template-columns:1fr 1fr;gap:7px}.stay-alert-card{padding:10px 11px}.stay-alert-card b{font-size:23px}.stay-alert-card span{font-size:13px}.stay-alert-card small{font-size:10.5px}.person-summary .card-heading{align-items:flex-start;flex-direction:column}.mobile-record-top .stay-badge{max-width:128px;white-space:normal;text-align:center;justify-content:center}.mobile-record-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.mobile-record-actions .btn{min-width:0;padding-left:6px;padding-right:6px}}

/* ===== v2.4.1 — bố cục hồ sơ khoa học hơn, thuận tiện hơn ===== */
.page-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.person-detail-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}
.person-detail-aside{display:grid;gap:14px}
.sticky-panel{position:sticky;top:12px}
.summary-panel{padding:16px}
.summary-avatar-wrap{display:flex;justify-content:center;margin-bottom:14px}
.summary-avatar{width:180px;height:220px;border-radius:16px;border:1px solid var(--line);object-fit:cover;background:#f8fafc;box-shadow:0 4px 16px rgba(15,48,77,.06)}
.summary-avatar.empty{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-weight:700}
.summary-type{display:inline-block;padding:5px 10px;border-radius:999px;background:#edf4fb;color:#1d4f7e;font-size:12px;font-weight:800;letter-spacing:.25px;margin-bottom:8px}
.summary-name{font-size:24px;line-height:1.2;margin:0 0 8px;color:#163858}
.summary-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.quick-facts{display:grid;gap:10px}
.quick-fact{border:1px solid #e6edf3;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#fff,#fbfdff)}
.quick-fact span{display:block;font-size:12px;font-weight:800;letter-spacing:.2px;color:#60758b;margin-bottom:4px;text-transform:uppercase}
.quick-fact b{display:block;color:#163a5b;font-size:15px;line-height:1.35}
.side-info-card .compact-heading{padding-bottom:10px;margin-bottom:10px}
.mini-info-list{display:grid;gap:10px}
.mini-info-item{padding:10px 12px;border:1px solid #e8eef4;border-radius:12px;background:#fbfdff}
.mini-info-item span{display:block;font-size:12px;font-weight:800;color:#64748b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.2px}
.mini-info-item div{color:#183754}
.section-stack{display:grid;gap:14px}
.info-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.detail-card{padding:0;overflow:hidden}
.detail-card .card-heading{padding:14px 16px 11px;margin:0;border-bottom:1px solid #e8eef3;background:linear-gradient(180deg,#fff,#fbfdff)}
.info-list{display:grid}
.info-list.inline-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.info-list.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.info-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px;padding:12px 16px;border-bottom:1px solid #edf2f6;align-items:start}
.info-row:last-child{border-bottom:0}
.info-key{font-size:13px;font-weight:800;color:#5f7388;text-transform:uppercase;letter-spacing:.25px}
.info-value{color:#172b42;line-height:1.5;min-width:0;word-break:break-word}
.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.record-content{padding:16px;min-height:92px;color:#172b42}
.compact-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
@media(max-width:1200px){.person-detail-layout{grid-template-columns:280px minmax(0,1fr)}.info-row{grid-template-columns:155px minmax(0,1fr)}.info-list.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.person-detail-layout{grid-template-columns:1fr}.sticky-panel{position:static}.info-card-grid,.record-grid{grid-template-columns:1fr}.page-toolbar .btn{flex:1 1 180px}.summary-avatar{width:160px;height:196px}.summary-name{font-size:22px}}
@media(max-width:640px){.page-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.page-toolbar .btn,.page-toolbar button{width:100%}.page-toolbar > :last-child{grid-column:1/-1}.summary-panel{padding:12px}.summary-avatar-wrap{margin-bottom:10px}.summary-avatar{width:138px;height:170px;border-radius:13px}.summary-name{font-size:20px}.quick-facts{gap:8px}.quick-fact{padding:9px 10px}.info-list.inline-list,.info-list.cols-4{grid-template-columns:1fr}.info-row{grid-template-columns:1fr;gap:4px;padding:11px 12px}.info-key{font-size:11px}.detail-card .card-heading{padding:12px}.record-content{padding:12px;min-height:unset}.mini-info-item{padding:9px 10px}}

/* ===== v2.4.2 — fix bố cục hồ sơ, hạn lưu trú và bảng lịch sử ===== */
.person-detail-main{min-width:0}
.person-detail-main .card{width:100%}
.responsive-admin-table{width:100%;overflow-x:auto}
.responsive-admin-table table{width:100%;border-collapse:collapse;table-layout:auto}
.responsive-admin-table th,.responsive-admin-table td{word-break:normal;overflow-wrap:break-word}
.responsive-admin-table td{vertical-align:middle}
.stay-overview-card{overflow:hidden}
.stay-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.stay-metric{min-width:0;padding:16px;border-right:1px solid #edf2f6;background:#fff}
.stay-metric:last-child{border-right:0}
.stay-metric>span{display:block;font-size:12px;font-weight:800;color:#63778b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:7px;white-space:nowrap}
.stay-metric>strong{display:block;font-size:18px;line-height:1.25;color:#153b5d;white-space:normal;word-break:normal;overflow-wrap:break-word}
.stay-metric>div{margin-top:7px}
.stay-metric>small{display:block;color:var(--muted);font-size:12px;margin-top:5px;line-height:1.35;overflow-wrap:break-word}
.stay-metric-update{font-size:14px!important;font-weight:700!important}
.person-detail-main .detail-card>.responsive-admin-table{border-top:0}
.person-detail-main .detail-card>.responsive-admin-table table{margin:0}
.person-detail-main .detail-card>.responsive-admin-table th:first-child,
.person-detail-main .detail-card>.responsive-admin-table td:first-child{padding-left:16px}
.person-detail-main .detail-card>.responsive-admin-table th:last-child,
.person-detail-main .detail-card>.responsive-admin-table td:last-child{padding-right:16px}
.record-grid .detail-card{height:100%}
@media(max-width:1200px){.stay-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stay-metric:nth-child(2){border-right:0}.stay-metric:nth-child(-n+2){border-bottom:1px solid #edf2f6}}
@media(max-width:760px){.responsive-admin-table{overflow:visible}.responsive-admin-table table{table-layout:auto}.stay-metrics-grid{grid-template-columns:1fr 1fr}.stay-metric{padding:12px}.stay-metric>strong{font-size:16px}.stay-metric>span{font-size:11px}.stay-metric-update{font-size:13px!important}}
@media(max-width:480px){.stay-metrics-grid{grid-template-columns:1fr}.stay-metric{border-right:0;border-bottom:1px solid #edf2f6}.stay-metric:last-child{border-bottom:0}.stay-metric:nth-child(2){border-bottom:1px solid #edf2f6}}