@charset "utf-8";

/*
Theme Name: Hiboboard - Hospitality Operations Dashboard HTML Template.
Author: Metropolitanthemes
Version: 1.0.0

%%%%%%% Responsive Stylesheet %%%%%%%
Desktop-first max-width cascade: 1399 / 1199 / 991 / 767 / 575
*/

/*======================
Max Width 1399px
========================*/
@media (max-width: 1399.98px) {
  /* General */
  :root {
    --hbd-gutter: 28px;
  }
  /* App Shell */
  .span-3 { grid-column: span 6; }
  .span-9 { grid-column: span 12; }
  /* Top Bar */
  .tb-tally {
    display: none;
  }
  /* Cards & KPI Tiles */
  .kpi-row.is-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/*======================
Max Width 1199px
========================*/
@media (max-width: 1199.98px) {
  /* App Shell */
  .span-8,
  .span-7,
  .span-5,
  .span-4 { grid-column: span 12; }
  .span-6.keep-md { grid-column: span 6; }
  .span-4.keep-md { grid-column: span 6; }
  /* a side column of cards becomes a two-up band under the main card */
  .span-4 > .hbd-stack,
  .span-5 > .hbd-stack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 24px;
  }
  /* Top Bar */
  .tb-user .user-text {
    display: none;
  }
  .tb-search {
    max-width: 300px;
  }
  /* Cards & KPI Tiles */
  .kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* Tables & Toolbars */
  .hbd-table .hide-1199 {
    display: none;
  }
  /* Forms */
  .hbd-form-section {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
  /* Auth, State Pages, Portal & Print */
  .hbd-auth {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
  }
  .auth-art .art-stack {
    grid-template-columns: minmax(0, 1fr);
  }
  /* Page Specifics */
  .kit-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .kit-nav {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* Overview & Network */
  .ai-rec {
    grid-template-columns: auto minmax(0, 1fr) 100px;
  }
  .ai-rec .ar-conf,
  .ai-rec .hbd-btn-row {
    grid-column: 2 / -1;
  }
  .ai-prompts {
    grid-template-columns: minmax(0, 1fr);
  }
  .ai-heat {
    grid-template-columns: 130px repeat(14, minmax(34px, 1fr));
    overflow-x: auto;
  }
  /* Overview & Network */
  .launch-hero {
    grid-template-columns: minmax(0, 1fr);
  }
  .lh-img {
    min-height: 220px;
  }
}

/*======================
Max Width 991px
========================*/
@media (max-width: 991.98px) {
  /* App Shell */
  .hbd-main,
  .is-sidebar-mini .hbd-main {
    margin-left: 0;
  }
  .hbd-content {
    padding-top: 24px;
  }
  .span-6 { grid-column: span 12; }
  .hbd-grid {
    gap: 18px;
  }
  /* Sidebar */
  .hbd-sidebar,
  .is-sidebar-mini .hbd-sidebar {
    width: var(--hbd-sidebar);
    transform: translateX(-100%);
  }
  .is-sidebar-open .hbd-sidebar {
    transform: translateX(0);
    box-shadow: 30px 0 80px rgba(0, 0, 0, 0.4);
  }
  .sb-close {
    display: inline-flex;
  }
  .is-sidebar-mini .sb-head {
    justify-content: space-between;
    padding: 0 22px;
  }
  .is-sidebar-mini .sb-logo .logo-word {
    display: block;
  }
  .is-sidebar-mini .sb-logo .logo-ring {
    display: none;
  }
  .is-sidebar-mini .sb-org .org-text,
  .is-sidebar-mini .sb-label,
  .is-sidebar-mini .sb-group-toggle span,
  .is-sidebar-mini .sb-help b,
  .is-sidebar-mini .sb-help span,
  .is-sidebar-mini .sb-version {
    display: block;
  }
  .is-sidebar-mini .sb-tag,
  .is-sidebar-mini .sb-count {
    display: inline-flex;
  }
  .is-sidebar-mini .sb-link,
  .is-sidebar-mini .sb-sub-toggle {
    justify-content: flex-start;
    padding: 4px 10px 4px 4px;
  }
  /* Menus, Modals & Drawers */
  .hbd-scope.dropdown-menu {
    width: 420px;
  }
  .doc-view {
    grid-template-columns: minmax(0, 1fr);
  }
  .scope-inner {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .scope-stage {
    display: none;
  }
  /* Tables & Toolbars */
  .hbd-table .hide-991 {
    display: none;
  }
  .hbd-toolbar .tool-search {
    max-width: none;
  }
  /* Tables & Toolbars */
  .hbd-table .col-check .hbd-check {
    opacity: 1;
  }
  .hbd-bulk:not([hidden]),
  .is-sidebar-mini .hbd-bulk:not([hidden]) {
    left: 12px;
    right: 12px;
    bottom: 12px;
    min-width: 0;
    transform: none;
  }
  /* Calendars, Boards & Steps */
  .hbd-steps {
    flex-wrap: wrap;
  }
  .hbd-step {
    flex: 1 1 45%;
  }
  /* Auth, State Pages, Portal & Print */
  .hbd-auth {
    grid-template-columns: minmax(0, 1fr);
  }
  .auth-art {
    display: none;
  }
  /* Bookings */
  .hbd-inbox {
    grid-template-columns: minmax(0, 1fr);
  }
  .inbox-list {
    border-right: 0;
  }
  .inbox-list {
    max-height: 360px;
    overflow-y: auto;
    border-bottom: 1px solid var(--hbd-line);
  }
  /* Catalogue */
  .hbd-tabs.is-vertical {
    flex-direction: row;
    overflow-x: auto;
  }
  .hbd-tabs.is-vertical .hbd-tab::after {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 3px;
    transform: scaleX(0);
  }
  /* Promotions & Places */
  .sea-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
  .sea-row.is-head .sea-name,
  .sea-row.is-head .sea-end {
    display: none;
  }
  .sea-end {
    text-align: left;
  }
}

/*======================
Max Width 767px
========================*/
@media (max-width: 767.98px) {
  /* General */
  :root {
    --hbd-gutter: 18px;
    --hbd-fs-h2: 22px;
  }
  /* App Shell */
  .span-4 > .hbd-stack,
  .span-5 > .hbd-stack {
    display: flex;
    gap: 18px;
  }
  /* Top Bar */
  .hbd-topbar {
    gap: 10px;
  }
  .tb-search,
  .tb-quick {
    display: none;
  }
  .tb-scope {
    flex: 1;
  }
  /* Page Head & Banners */
  .hbd-page-head {
    align-items: flex-start;
    margin-bottom: 20px;
  }
  .ph-actions {
    width: 100%;
  }
  .hbd-banner {
    flex-wrap: wrap;
  }
  /* Tables & Toolbars */
  .hbd-table .hide-767 {
    display: none;
  }
  .hbd-toolbar {
    padding: 14px 16px;
  }
  .hbd-toolbar .tool-end {
    margin-left: 0;
  }
  .hbd-table th:first-child,
  .hbd-table td:first-child {
    padding-left: 16px;
  }
  .hbd-table th:last-child,
  .hbd-table td:last-child {
    padding-right: 16px;
  }
  .hbd-card-grid {
    padding: 16px;
  }
  .cell-main .cm-title {
    white-space: normal;
  }
  /* Forms */
  .hbd-form-grid,
  .hbd-form-grid.is-3 {
    grid-template-columns: minmax(0, 1fr);
  }
  .hbd-form-grid.is-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hbd-otp input {
    width: 44px;
    height: 52px;
  }
  /* Auth, State Pages, Portal & Print */
  .print-sheet {
    padding: 32px 22px;
  }
  .print-parties {
    grid-template-columns: 1fr;
  }
  .print-head {
    flex-direction: column;
  }
  .print-head .doc-type {
    text-align: left;
  }
  .state-countdown div {
    min-width: 64px;
  }
  /* Bookings */
  .hbd-policy {
    grid-template-columns: minmax(0, 1fr);
  }
  .hbd-thread .msg {
    max-width: 100%;
  }
  .trip-line {
    flex-wrap: wrap;
  }
  .tl-main {
    flex: 1 1 60%;
  }
  /* Overview & Network */
  .lh-count {
    flex-wrap: wrap;
    gap: 18px;
  }
  .lh-body {
    padding: 22px;
  }
  .setup-head {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .setup-step {
    flex-wrap: wrap;
  }
  .ss-ic {
    display: none;
  }
  .ss-main {
    flex: 1 1 calc(100% - 50px);
  }
  .ss-end {
    margin-left: 46px;
  }
  /* Availability & Rates */
  .season-head,
  .season-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .season-head .sr-name {
    display: none;
  }
  .season-months span:nth-child(even) {
    visibility: hidden;
  }
  /* Guests */
  .gh-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  /* Product Modules */
  .room-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  /* Team & Settings */
  .set-grid,
  .fb-palette {
    grid-template-columns: minmax(0, 1fr);
  }
  .prof-photo {
    flex-direction: column;
    align-items: flex-start;
  }
  /* Vendor Themes */
  .geo-split {
    grid-template-columns: minmax(0, 1fr);
  }
  .geo-list {
    max-height: 220px;
  }
}

/*======================
Max Width 575px
========================*/
@media (max-width: 575.98px) {
  /* General */
  .hbd-btn {
    height: 42px;
    padding: 0 16px;
  }
  /* App Shell */
  .span-3,
  .span-6.keep-md,
  .span-4.keep-md { grid-column: span 12; }
  .hbd-footbar {
    justify-content: center;
    text-align: center;
  }
  /* Top Bar */
  .tb-scope .scope-label {
    display: none;
  }
  /* the left group gives way: the property switcher shrinks (its name truncates), the microphone keeps its place */
  .hbd-topbar .tb-left {
    flex: 1;
    min-width: 0;
    gap: 8px;
  }
  .hbd-topbar .tb-left > .dropdown {
    min-width: 0;
  }
  .hbd-topbar .tb-scope {
    max-width: 100%;
    min-width: 0;
    gap: 8px;
    padding-right: 10px;
  }
  .hbd-topbar .tb-scope .scope-text {
    min-width: 0;
  }
  .hbd-topbar .tb-scope .scope-name {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .hbd-topbar .tb-voice,
  .hbd-topbar .tb-right {
    flex: none;
  }
  .tb-right {
    gap: 6px;
  }
  .hbd-topbar .hbd-icon-btn.tb-hide-xs {
    display: none;
  }
  /* Menus, Modals & Drawers */
  .hbd-notify.dropdown-menu {
    width: calc(100vw - 24px);
  }
  .doc-stage {
    padding: 0 12px 12px;
  }
  .doc-sheet {
    padding: 24px;
  }
  .imp-template {
    flex-wrap: wrap;
  }
  .hbd-toasts {
    right: 12px;
    bottom: 12px;
  }
  /* Menus, Modals & Drawers */
  .pal-foot,
  .pal-where {
    display: none;
  }
  /* Page Head & Banners */
  .ph-actions .dropdown > .hbd-icon-btn {
    width: 42px;
    height: 42px;
  }
  /* Cards & KPI Tiles */
  .rows-2col .hbd-rows,
  .rows-3col .hbd-rows {
    grid-template-columns: minmax(0, 1fr);
  }
  .card-head {
    flex-wrap: wrap;
  }
  .kpi-row,
  .kpi-row.is-5,
  .kpi-row.is-3,
  .kpi-row.is-2 {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: 82%;
    margin-right: -16px;
    padding-right: 16px;
    padding-bottom: 4px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .kpi-row::-webkit-scrollbar {
    display: none;
  }
  .kpi-row > * {
    scroll-snap-align: start;
  }
  .card-head {
    padding: 16px 16px 0;
  }
  .card-body {
    padding: 16px;
  }
  .card-foot {
    padding: 12px 16px;
  }
  .kpi-value {
    font-size: 28px;
  }
  /* Cards & KPI Tiles */
  .show-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .st-data > .show-grid,
  .st-data > [data-view-pane] > .show-grid {
    padding: 16px;
  }
  /* Cards & KPI Tiles */
  .sc-title {
    white-space: normal;
  }
  .show-card.has-mark .sc-chips {
    max-width: calc(100% - 110px);
  }
  /* Tables & Toolbars */
  .hbd-table .hide-575 {
    display: none;
  }
  .hbd-table th,
  .hbd-table td {
    padding: 11px 10px;
  }
  .hbd-pager {
    justify-content: center;
  }
  .hbd-pager .pager-size {
    display: none;
  }
  /* Tables & Toolbars */
  .rec-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .st-data > .rec-grid,
  .st-data > [data-view-pane] > .rec-grid,
  .card-body.is-flush > .rec-grid {
    padding: 16px;
  }
  /* Forms */
  .hbd-radio-cards.is-themes {
    grid-template-columns: 1fr;
  }
  /* Forms */
  .hbd-iconpick-menu .ip-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  /* Calendars, Boards & Steps */
  .hbd-step {
    flex: 1 1 100%;
  }
  .hbd-step .step-text span {
    display: none;
  }
  /* Auth, State Pages, Portal & Print */
  .auth-side {
    padding: 22px 18px;
  }
  .auth-social {
    grid-template-columns: 1fr;
  }
  .print-totals {
    width: 100%;
  }
  /* Overview & Network */
  .ai-head h3 {
    font-size: 20px;
  }
  .ai-rec {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .ai-rec .ar-impact {
    grid-column: 2;
    text-align: left;
  }
  /* Catalogue */
  .gal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  /* Policies */
  .ps-line {
    flex-direction: column;
    gap: 14px;
    padding-top: 0;
  }
  .ps-line::before {
    display: none;
  }
  .sched-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  /* Money */
  .hbd-card.is-doc .card-body {
    padding: 22px 18px;
  }
  .inv-meta {
    min-width: 0;
    width: 100%;
  }
  /* Product Modules */
  .wx-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mod-banner > div {
    padding: 20px;
  }
  /* Auth Extras */
  .hbd-otp {
    gap: 6px;
  }
  .hbd-otp input {
    width: 42px;
    height: 50px;
    font-size: 20px;
  }
  /* Portal & Print Extras */
  .print-hero,
  .print-pass {
    flex-direction: column;
    align-items: flex-start;
  }
}