@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";
.wallet-adapter-button{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:4px;align-items:center;height:48px;padding:0 24px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;line-height:48px;display:flex}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{color:#999;cursor:not-allowed;background:#404144}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{display:inline-block;position:relative}.wallet-adapter-dropdown-list{z-index:99;grid-row-gap:10px;opacity:0;visibility:hidden;background:#2c2d30;border-radius:10px;grid-template-rows:1fr;margin:0;padding:10px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;list-style:none;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:absolute;top:100%;right:0;box-shadow:0 8px 20px #0009}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{cursor:pointer;white-space:nowrap;box-sizing:border-box;color:#fff;border:none;border-radius:6px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:37px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{fill:#999;align-self:center}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transition:transform .15s ease-in;transform:rotate(180deg)}.wallet-adapter-modal{opacity:0;z-index:1040;background:#00000080;transition:opacity .15s linear;position:fixed;inset:0;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{cursor:pointer;background:#1a1f2e;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;top:18px;right:18px}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{justify-content:center;align-items:center;min-height:calc(100vh - 6rem);margin:3rem;display:flex}@media (max-width:480px){.wallet-adapter-modal-container{min-height:calc(100vh - 2rem);margin:1rem}}.wallet-adapter-modal-wrapper{box-sizing:border-box;z-index:1050;background:#10141f;border-radius:10px;flex-direction:column;flex:1;align-items:center;max-width:400px;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative;box-shadow:0 8px 20px #0009}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{text-align:center;color:#fff;margin:0;padding:64px 48px 48px;font-size:24px;font-weight:500;line-height:36px}@media (max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{width:100%;margin:0 0 12px;padding:0;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{border-radius:0;font-size:18px;font-weight:400}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{opacity:.6;margin-left:auto;font-size:14px}.wallet-adapter-modal-list-more{cursor:pointer;color:#fff;background-color:#0000;border:none;align-self:flex-end;align-items:center;padding:12px 24px 24px 12px;display:flex}.wallet-adapter-modal-list-more svg{fill:#fff;margin-left:.5rem;transition:all .1s}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:0 24px 24px;display:flex}.wallet-adapter-modal-middle-button{cursor:pointer;color:#fff;background-color:#512da8;border:none;border-radius:8px;width:100%;margin-top:48px;padding:12px;font-size:18px;display:block}
/* Hermes mobile layout patch for postiz.apps.poofc.com
   Scope: phones only. Fixes the desktop sidebar/header/calendar overflow without
   changing Postiz data, APIs, or desktop layout. */
@media (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  .min-w-screen {
    min-width: 0 !important;
    width: 100% !important;
  }

  .p-\[12px\] {
    padding: 6px !important;
  }

  /* The desktop sidebar wrapper consumes 80px on a 390px iPhone viewport. */
  .w-\[80px\] {
    width: 0 !important;
    min-width: 0 !important;
    background: transparent !important;
  }

  /* Convert fixed desktop rail into a bottom tab bar. */
  #left-menu {
    position: fixed !important;
    inset-inline-start: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: calc(70px + env(safe-area-inset-bottom)) !important;
    z-index: 1000 !important;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom)) !important;
    background: var(--new-bgColorInner) !important;
    border-top: 1px solid var(--new-table-border, rgba(255,255,255,.08)) !important;
    box-shadow: 0 -8px 24px rgba(0,0,0,.28) !important;
    max-height: none !important;
  }

  #left-menu > div {
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  #left-menu > div::-webkit-scrollbar {
    display: none !important;
  }

  /* Hide the large Postiz logo in the bottom mobile nav. */
  #left-menu svg[viewBox="0 0 60 60"] {
    display: none !important;
  }

  #left-menu > div > div,
  #left-menu > div > div.flex-1 {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: max-content !important;
  }

  #left-menu a,
  #left-menu button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 68px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 6px 8px !important;
    border-radius: 12px !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }

  /* Main card gets full viewport width and room for the fixed bottom nav. */
  .blurMe {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .rounded-\[12px\].overflow-hidden.flex.flex-col.gap-\[1px\].blurMe {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: calc(78px + env(safe-area-inset-bottom)) !important;
  }

  /* Top app header: compact and horizontally scrollable instead of clipping. */
  .h-\[80px\] {
    height: auto !important;
    min-height: 58px !important;
  }

  .px-\[20px\] {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .text-\[24px\] {
    font-size: 20px !important;
    line-height: 1.15 !important;
  }

  .h-\[80px\] > .gap-\[20px\] {
    gap: 10px !important;
    overflow-x: auto !important;
    min-width: 0 !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Calendar controls: stack/wrap rather than forcing off-screen width. */
  .text-textColor.flex.flex-col.md\:flex-row.gap-\[8px\].items-center.select-none {
    align-items: stretch !important;
    width: 100% !important;
    gap: 8px !important;
  }

  .text-textColor.flex.flex-col.md\:flex-row.gap-\[8px\].items-center.select-none > * {
    max-width: 100% !important;
  }

  .min-w-\[200px\] {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .w-\[74px\] {
    width: auto !important;
    min-width: 64px !important;
    flex: 1 1 0 !important;
  }

  /* The week/month grids need a real min-width and their own scroll area;
     otherwise seven day columns collapse into unreadable overlapping text. */
  .\[grid-template-columns\:136px_repeat\(7\,_minmax\(0\,_1fr\)\)\] {
    grid-template-columns: 64px repeat(7, minmax(112px, 1fr)) !important;
    min-width: 848px !important;
    width: max-content !important;
  }

  .grid.grid-cols-7.grid-rows-\[62px_auto\] {
    min-width: 760px !important;
    width: max-content !important;
  }

  /* Calendar header labels are long on phones. */
  .text-\[14px\].font-\[500\].text-newTableText,
  .text-\[14px\].font-\[600\].flex.items-center.justify-center.gap-\[6px\] {
    font-size: 12px !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
  }
}