/* Project navigation and inventory overview for A1 and A4. */
.project-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-photo{margin-bottom:20px;border:1px solid #e1e9eb;border-radius:14px;overflow:hidden;background:#fff}.project-photo>img{width:100%;height:220px;object-fit:cover;display:block}.project-photo>div{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px}.project-photo h3{font-size:15px;color:#30515f}.unit-project-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:6px;border:1px solid #dde7e8;background:#eaf0f1;border-radius:16px;margin:0 0 18px}.unit-project-tabs>button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border:1px solid transparent;background:transparent;border-radius:11px;text-align:left;color:#708792;transition:background .16s,color .16s,box-shadow .16s;cursor:pointer}.unit-project-tabs>button>span{font-size:16px;font-weight:650}.unit-project-tabs small{display:block;margin-top:4px;font-size:10px;font-weight:400;letter-spacing:.5px}.unit-project-tabs b{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;background:#ffffff88;color:#6a8995;border-radius:8px;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.unit-project-tabs>button:hover{background:#f5fafa}.unit-project-tabs>button.selected{border-color:#244e57;background:linear-gradient(110deg,#203e4b,#23635f);color:#fff;box-shadow:0 4px 10px #153f4a15}.unit-project-tabs>button.selected small{color:#a2cbc3}.unit-project-tabs>button.selected b{background:#ffffff18;color:#dff2ed}.unit-project-tabs button:focus-visible,.unit-project-photo:focus-visible{outline:3px solid #8abeb3;outline-offset:3px}.unit-project-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.unit-project-visual.single{grid-template-columns:1fr}.unit-project-photo{position:relative;height:160px;border:0;border-radius:14px;overflow:hidden;text-align:left;background:#183b45;cursor:pointer}.unit-project-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.unit-project-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c2d40e8,#0c2d4033 75%)}.unit-project-photo:hover img{transform:scale(1.035)}.unit-project-photo>div{position:absolute;left:21px;bottom:20px;z-index:1;color:#fff}.unit-project-photo h2{font-size:18px;font-weight:500;margin:0 0 7px;letter-spacing:1px}.unit-project-photo>div>span{font-size:11px;color:#c4d9df}.unit-photo-code{position:absolute;top:16px;left:21px;padding:3px 8px;font-size:11px;color:white;z-index:1;border-radius:5px;border:1px solid #ffffff55;background:#17374555;backdrop-filter:blur(5px)}.unit-photo-arrow{position:absolute;right:18px;bottom:21px;z-index:1;color:#fff;font-size:19px;opacity:.8}.unit-project-photo.wide{height:170px}.unit-project-photo.wide img{object-position:center 48%}.unit-project-photo.wide:after{background:linear-gradient(90deg,#0c2d40d9,#0c2d4011)}.unit-scope-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:13px}.unit-scope-heading h2{font-size:15px;color:#284d5b;margin:0}.unit-scope-heading>span{font-size:10px;color:#8a9da5}.unit-list-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 14px;border-bottom:1px solid #e7eef0}.unit-list-heading h3{font-size:14px;font-weight:600;color:#365869;margin:0}.unit-list-heading span{font-size:11px;color:#879da7}#page-units .filters{margin:18px 0}#page-units table{min-width:780px}#page-units .stat-value{font-size:28px}#page-units .empty{padding:40px 24px!important;line-height:1.9}
@media(max-width:980px){.unit-project-tabs>button{padding:12px}.unit-project-photo{height:145px}.unit-project-photo h2{font-size:16px}.unit-scope-heading{align-items:flex-start;flex-direction:column;gap:6px}.unit-project-tabs small{letter-spacing:0}}
@media(max-width:560px){.unit-project-tabs{gap:3px;padding:4px}.unit-project-tabs>button{padding:11px 8px;gap:4px}.unit-project-tabs>button>span{font-size:14px}.unit-project-tabs small{font-size:8px}.unit-project-tabs b{min-width:21px;height:24px;padding:0 4px;font-size:10px}.unit-project-visual{gap:10px}.unit-project-photo{height:136px}.unit-project-photo>div{left:12px;bottom:15px}.unit-project-photo h2{font-size:13px;letter-spacing:0}.unit-project-photo>div>span{font-size:9px}.unit-photo-code{left:12px;top:12px;font-size:10px}.unit-photo-arrow{right:11px;bottom:14px;font-size:14px}.unit-project-photo.wide{height:148px}.unit-project-photo.wide h2{font-size:19px}.unit-project-photo.wide>div{left:20px;bottom:20px}.unit-list-heading{padding:15px}.project-photo>div{align-items:flex-start;flex-direction:column}.project-photo>img{height:160px}}
.unit-data-notice{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;border:1px solid #e8ddc8;background:#fffaf0;border-radius:12px;margin:0 0 20px;color:#947748}.unit-data-notice b{font-size:13px;color:#766039}.unit-data-notice p{font-size:11px;line-height:1.8;margin:6px 0 0}.unit-data-notice .btn{flex:none;border-color:#e5d9bf;color:#8b6e3f;background:#fff}.unit-tenant{min-width:170px;max-width:240px;line-height:1.7;font-size:12px}.unit-contract-link{padding-left:0;font-size:11px}.unit-source-note{white-space:pre-wrap;line-height:1.9;font-size:12px;color:#6d8793}.unit-import-modal{width:min(900px,94vw)!important;max-width:900px!important}.unit-import-table{margin-top:18px;max-height:40vh;border:1px solid #e2eaec;border-radius:9px}.unit-import-table table{min-width:660px}.unit-import-summary{display:flex;flex-direction:column;gap:7px;background:linear-gradient(110deg,#173e4a,#236a60);color:#fff;padding:20px;border-radius:11px}.unit-import-summary b{font-size:21px}.unit-import-summary span{font-size:12px;color:#c2dbd5}.unit-import-table td{padding:11px 13px}#page-units table{min-width:850px}#unitTbody .cell-sub{white-space:normal;max-width:210px;line-height:1.6}#unitTbody .unit-tenant{max-width:220px}
.unit-notice-actions{display:flex;flex-direction:column;align-items:center;gap:7px;flex:none}.unit-notice-actions .link{font-size:10px}
@media(max-width:700px){.unit-data-notice{align-items:flex-start;flex-direction:column;padding:15px;gap:10px}.unit-import-summary b{font-size:18px}.unit-import-summary span{line-height:1.7}.unit-notice-actions{flex-direction:row;gap:14px}}
