.hotel-page-heading{align-items:center}.hotel-page-heading h1{letter-spacing:-.035em}.hotel-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.hotel-metric-grid article{position:relative;min-height:126px;padding:18px 18px 16px 76px;border:1px solid rgba(122,145,174,.28);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(232,239,248,.91));box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(13,35,61,.08)}.hotel-metric-grid small,.hotel-metric-grid em{display:block;color:var(--muted);font-style:normal}.hotel-metric-grid strong{display:block;margin:2px 0;font-size:1.75rem;color:var(--ink)}.hotel-metric-icon{position:absolute;left:17px;top:20px;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#7758c8;background:linear-gradient(145deg,#f0eaff,#d9cef9);box-shadow:inset 0 1px 0 #fff,0 6px 12px rgba(93,72,155,.18)}.hotel-metric-icon i{font-size:1.45rem}.hotel-metric-icon.is-teal{color:#07877f;background:linear-gradient(145deg,#d9fff8,#b9e9e2)}.hotel-metric-icon.is-blue{color:#256ba8;background:linear-gradient(145deg,#e0f2ff,#c5def4)}.hotel-metric-icon.is-amber{color:#9a6411;background:linear-gradient(145deg,#fff4d4,#f0d99b)}.hotel-directory-card{padding:22px}.hotel-directory-tools{display:grid;grid-template-columns:minmax(260px,1fr) 180px 150px;gap:10px;margin:18px 0}.hotel-directory-tools select,.hotel-search{min-height:44px;border:1px solid rgba(116,139,169,.34);border-radius:12px;background:rgba(255,255,255,.9)}.hotel-directory-tools select{padding:0 12px}.hotel-search{display:flex;align-items:center;gap:10px;padding:0 14px}.hotel-search input{width:100%;border:0!important;outline:0;background:transparent!important;box-shadow:none!important}.hotel-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hotel-card{overflow:hidden;border:1px solid rgba(118,142,171,.3);border-radius:18px;background:linear-gradient(145deg,#fff,#edf3f9);box-shadow:inset 0 1px 0 #fff,0 10px 22px rgba(14,36,64,.08);transition:transform .18s ease,box-shadow .18s ease}.hotel-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 16px 28px rgba(14,36,64,.12)}.hotel-card-visual{position:relative;height:142px;display:grid;place-items:center;background:linear-gradient(145deg,#173957,#0e7581)}.hotel-card-visual>span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:#d8ffff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.hotel-card-visual>span i{font-size:2rem}.hotel-card-visual img{width:100%;height:100%;object-fit:cover}.hotel-card-visual>.status{position:absolute;right:12px;top:12px}.hotel-card-body{padding:16px}.hotel-card-body>small{color:#73839a;font-weight:700;letter-spacing:.04em}.hotel-card-body h3{margin:4px 0;font-size:1.08rem;color:var(--ink)}.hotel-card-body p{min-height:40px;margin:0;color:var(--muted)}.hotel-card-facts{display:grid;grid-template-columns:1fr 1fr;margin:14px 0;border-block:1px solid rgba(128,149,174,.2)}.hotel-card-facts span{padding:10px}.hotel-card-facts span+span{border-left:1px solid rgba(128,149,174,.2)}.hotel-card-facts strong,.hotel-card-facts small{display:block}.hotel-card-body>a{display:flex;justify-content:space-between;color:#087d79;font-weight:750}.hotel-empty{display:grid;place-items:center;gap:4px;padding:42px;color:var(--muted)}.hotel-empty i{font-size:2rem}.hotel-feedback{margin:0 0 14px;padding:13px 16px;border-radius:12px;font-weight:700}.hotel-feedback.is-success{color:#07685f;background:#dff8f2;border:1px solid #97ddd0}.hotel-feedback.is-error{color:#9d2929;background:#ffe7e7;border:1px solid #efadad}.hotel-identity-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;margin:0 0 16px;border:1px solid rgba(113,137,165,.3);border-radius:16px;background:#ccd7e3;box-shadow:0 8px 18px rgba(15,38,64,.07)}.hotel-identity-strip article{padding:14px 17px;background:linear-gradient(145deg,#fff,#eaf1f7)}.hotel-identity-strip small,.hotel-identity-strip strong{display:block}.hotel-identity-strip small{color:var(--muted)}.hotel-status-active{color:#087d6d}.hotel-status-inactive{color:#7b8797}.hotel-editor{display:grid;gap:16px}.hotel-editor-section{padding:20px}.hotel-editor-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.hotel-editor-heading h2,.hotel-editor-heading p{margin:0}.hotel-section-icon{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#7451c2;background:linear-gradient(145deg,#f1eaff,#d8ccf7);box-shadow:inset 0 1px 0 #fff,0 7px 14px rgba(65,53,115,.15)}.hotel-section-icon i{font-size:1.45rem}.hotel-section-icon.is-blue{color:#2772aa;background:linear-gradient(145deg,#e7f5ff,#c7e0f4)}.hotel-section-icon.is-teal{color:#087d75;background:linear-gradient(145deg,#dcfff8,#bcece4)}.hotel-section-icon.is-amber{color:#956416;background:linear-gradient(145deg,#fff5d8,#efdda7)}.hotel-section-icon.is-slate{color:#50667f;background:linear-gradient(145deg,#f1f5fa,#d7e0e9)}.hotel-primary-fields{grid-template-columns:2fr 1fr 1.2fr 1.2fr .7fr 1.4fr}.hotel-field-wide{grid-column:span 2}.hotel-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hotel-coordinate-fields,.hotel-contact-fields{grid-template-columns:1fr 1fr}.hotel-images-heading .button{margin-left:auto}.hotel-image-list{display:grid;gap:9px}.hotel-image-row{display:grid;grid-template-columns:66px minmax(220px,1.6fr) minmax(170px,1fr) 90px 36px;align-items:end;gap:10px;padding:10px;border:1px solid rgba(120,143,171,.27);border-radius:14px;background:linear-gradient(145deg,#fbfdff,#edf3f8)}.hotel-image-preview{align-self:center;display:grid;place-items:center;width:64px;height:54px;overflow:hidden;border-radius:11px;color:#6d8199;background:#dbe5ee}.hotel-image-preview img{width:100%;height:100%;object-fit:cover}.hotel-image-row label small{display:block;margin-bottom:5px}.hotel-image-row input[type=text],.hotel-image-row input:not([type]){width:100%}.hotel-primary-choice{align-self:center;display:flex!important;align-items:center;gap:7px}.hotel-primary-choice input{width:18px;height:18px}.hotel-image-remove{align-self:center;width:32px;height:32px;border:0;border-radius:10px;color:#9b3232;background:#ffe4e4;font-size:1.25rem}.hotel-images-empty{margin:12px 0 0;color:var(--muted)}.hotel-notes{width:100%}.hotel-save-bar{position:sticky;bottom:14px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border:1px solid rgba(66,126,145,.35);border-radius:16px;background:linear-gradient(145deg,rgba(249,253,255,.97),rgba(216,235,239,.97));box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(12,43,63,.16);backdrop-filter:blur(10px)}.hotel-save-bar strong,.hotel-save-bar small{display:block}.hotel-save-bar small{color:var(--muted)}.hotel-governance-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:20px;border:1px solid rgba(151,117,56,.28);border-radius:18px;background:linear-gradient(145deg,#fffdf6,#f6ecd3)}.hotel-governance-card>div{display:flex;align-items:center;gap:14px}.hotel-governance-card h2,.hotel-governance-card p{margin:0}.hotel-governance-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#97681b;background:#f0dba7}.button-danger{color:#fff;background:linear-gradient(145deg,#b84949,#8e2f2f);border-color:#8e2f2f}
@media(max-width:1180px){.hotel-metric-grid{grid-template-columns:repeat(2,1fr)}.hotel-card-grid{grid-template-columns:repeat(2,1fr)}.hotel-primary-fields{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.hotel-metric-grid,.hotel-card-grid,.hotel-editor-grid{grid-template-columns:1fr}.hotel-directory-tools{grid-template-columns:1fr}.hotel-identity-strip{grid-template-columns:1fr 1fr}.hotel-primary-fields,.hotel-coordinate-fields,.hotel-contact-fields{grid-template-columns:1fr}.hotel-field-wide{grid-column:auto}.hotel-image-row{grid-template-columns:58px 1fr 34px}.hotel-image-url,.hotel-image-row>label:not(.hotel-primary-choice){grid-column:2/4}.hotel-primary-choice{grid-column:2}.hotel-image-remove{grid-column:3;grid-row:1}.hotel-governance-card,.hotel-save-bar{align-items:stretch;flex-direction:column}.hotel-governance-card form .button,.hotel-save-bar .button{width:100%}}

/* Light metallic components keep readable local colors in every global theme. */
.hotel-page-heading .button{min-width:128px;white-space:nowrap}
.hotel-metric-grid article,.hotel-card{color:#132841}
.hotel-metric-grid small,.hotel-metric-grid em{color:#62748a}
.hotel-metric-grid strong,.hotel-card-body h3{color:#132841}
.hotel-card-body p{color:#62748a}
.hotel-identity-strip article,.hotel-save-bar,.hotel-governance-card,.hotel-image-row{color:#132841}
.hotel-identity-strip small,.hotel-save-bar small,.hotel-governance-card p,.hotel-images-empty{color:#62748a}
.hotel-identity-strip strong,.hotel-save-bar strong,.hotel-governance-card h2{color:#132841}