.hotel-portal{width:100%;color:var(--bricks-color-col-c0xlnt);font-size:var(--text-body)}
.hotel-portal-top,.hotel-list-head,.hotel-item,.hotel-item-actions,.hotel-views{display:flex;align-items:center;gap:var(--space-m);justify-content:space-between;flex-wrap:wrap}
.hotel-portal-top{padding-bottom:var(--space-m)}
.hotel-portal p{margin:0 0 var(--space-s)}
.hotel-tabs{display:flex;gap:var(--space-xs);padding:var(--space-xs);background:var(--bricks-color-col-ap8sem);border-radius:var(--radius-card);margin-bottom:var(--space-l);flex-wrap:wrap}
.hotel-tabs a{flex:1;text-align:center;padding:var(--space-s);font-weight:600;border-radius:var(--radius-card);white-space:nowrap}
.hotel-tabs a[aria-current],.hotel-tabs a:hover{background:var(--bricks-color-col-ew4l31);color:var(--bricks-color-col-a0xe28)}
.hotel-portal h2{font-size:var(--text-h3);margin:0}.hotel-portal h3{font-size:var(--text-card);margin:0}
.hotel-action{margin:0}.hotel-portal button,.hotel-button,.hotel-login input[type=submit]{display:inline-flex;justify-content:center;align-items:center;min-height:2.75rem;padding:.7rem var(--space-m);border:1px solid var(--bricks-color-col-ew4l31);border-radius:var(--radius-button);background:var(--bricks-color-col-ew4l31);color:var(--bricks-color-col-a0xe28);font:inherit;font-weight:600;cursor:pointer;transition:filter .2s,transform .2s}
.hotel-portal button:hover,.hotel-button:hover{filter:brightness(1.2);transform:translateY(-2px)}
.hotel-portal a:focus-visible,.hotel-portal button:focus-visible,.hotel-portal summary:focus-visible{outline:3px solid var(--bricks-color-col-flhsjh);outline-offset:4px}
.hotel-views{justify-content:flex-start;margin:var(--space-m) 0;gap:var(--space-l)}.hotel-views a[aria-current]{font-weight:700;text-decoration:underline;text-underline-offset:.4rem}
.hotel-items{display:grid;gap:var(--space-s)}.hotel-item{padding:var(--space-m);background:var(--bricks-color-col-a0xe28);border:1px solid var(--line-color);border-radius:var(--radius-card)}
.hotel-item-text{flex:1;min-width:10rem}.hotel-thumb{width:5rem;height:5rem;object-fit:cover;border-radius:var(--radius-card)}
.hotel-state{display:block;font-size:var(--text-small);margin-top:var(--space-xs)}.hotel-remove{position:relative}.hotel-remove summary{cursor:pointer;text-decoration:underline;padding:var(--space-s)}.hotel-remove[open]{flex-basis:100%;padding:var(--space-s);background:var(--bricks-color-col-ap8sem)}
.hotel-back{display:inline-block;margin-bottom:var(--space-m)}.hotel-editor,.hotel-publish,.hotel-login{padding:var(--space-l);background:var(--bricks-color-col-a0xe28);border:1px solid var(--line-color);border-radius:var(--radius-card)}
.hotel-publish{margin-top:var(--space-m)}.hotel-publish p{margin:var(--space-s) 0}.hotel-message{padding:var(--space-m);border-left:3px solid var(--bricks-color-col-ww0gf7);background:var(--bricks-color-col-ap8sem)}
.hotel-editor .acpt-container{max-width:100%;padding:0}.hotel-editor .acpt-form{margin-top:var(--space-l)}
.hotel-portal input:not([type=hidden]):not([type=checkbox]):not([type=submit]),.hotel-portal textarea,.hotel-portal select{width:100%;max-width:100%;min-height:2.75rem;padding:.75rem;border:1px solid var(--line-color);border-radius:var(--radius-card);background:var(--bricks-color-col-a0xe28);color:var(--bricks-color-col-c0xlnt);font:inherit}
.hotel-portal label{display:block;font-weight:600;margin-bottom:var(--space-xs)}.hotel-login{max-width:36rem}.hotel-login p{margin-bottom:var(--space-m)}.hotel-help{font-size:var(--text-small);margin-top:var(--space-s)!important}.hotel-portal .acpt-file-preview .gallery{display:flex;flex-wrap:wrap;gap:var(--space-s)}
.hotel-image-order{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.hotel-image-order button{padding:.25rem .75rem;min-width:2.75rem}.hotel-portal .acpt-file-preview .file{display:flex;flex-direction:column;gap:var(--space-xs)}
.hotel-portal label{color:var(--bricks-color-col-c0xlnt)}
@media(max-width:767px){.hotel-tabs{flex-direction:column}.hotel-editor,.hotel-publish,.hotel-login{padding:var(--space-m)}.hotel-item-actions{width:100%;justify-content:flex-start}.hotel-item{gap:var(--space-s)}.hotel-list-head h2{width:100%}.hotel-portal .acpt-table-responsive{overflow-x:auto}.hotel-portal .acpt-table{min-width:20rem}}
@media(prefers-reduced-motion:reduce){.hotel-portal *{transition:none!important;transform:none!important}}