/* Hide specific markup tools from Forge Viewer DROPDOWN menu */
/* Target the dropdown menu that appears when clicking the Markup button */

/* HIDE THE MAIN MARKUP BUTTON FROM TOOLBAR COMPLETELY */
/* Hide markup button from the main toolbar - comprehensive approach */
.adsk-toolbar [data-control-id*="markup" i],
.adsk-toolbar [title*="markup" i],
.adsk-button[title*="markup" i],
.adsk-control-group [data-control-id*="markup" i],
.toolbar-markup-tools,
[data-control-id="toolbar-markupTool"],
.adsk-button[data-control-id*="markup"],
.adsk-icon-markup {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

/* Additional selectors for markup button hiding - more aggressive */
.adsk-viewing-viewer .adsk-toolbar .adsk-button[title*="Markup"],
.adsk-viewing-viewer .toolbar .adsk-button[title*="Markup"],
.adsk-viewing-viewer [class*="markup"][class*="button"],
.adsk-viewing-viewer [class*="markup"][class*="tool"],
.adsk-toolbar-group .adsk-button[title*="Markup"],
.adsk-control-toolbar .adsk-button[title*="Markup"],
.adsk-control-group .adsk-button[title*="Markup"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Hide any button that contains markup-related classes or IDs */
button[class*="markup" i],
.adsk-button[class*="markup" i],
[id*="markup" i].adsk-button,
[data-id*="markup" i],
.markup-tool-button {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

/* Generic catch-all for any markup toolbar elements */
.adsk-toolbar *[title*="markup" i],
.adsk-toolbar *[aria-label*="markup" i],
.toolbar *[title*="markup" i] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Primary dropdown menu selectors */
.adsk-dropdown-menu [data-control-id*="arrow"],
.adsk-dropdown-menu [data-control-id*="rectangle"],
.adsk-dropdown-menu [data-control-id*="cloud"],
.adsk-dropdown-menu [data-control-id*="freehand"],
.adsk-dropdown-menu [data-control-id*="text"],
.adsk-dropdown-menu [data-control-id*="cut"],
.adsk-dropdown-menu [data-control-id*="copy"],
.adsk-dropdown-menu [data-control-id*="paste"],
.adsk-dropdown-menu [data-control-id*="navigate"],
.adsk-dropdown-menu [data-control-id*="delete"],
.adsk-dropdown-menu [data-control-id*="duplicate"] {
    display: none !important;
    visibility: hidden !important;
}

/* Target dropdown menu items by title attribute */
.adsk-dropdown-menu [title*="Arrow" i],
.adsk-dropdown-menu [title*="Rectangle" i],
.adsk-dropdown-menu [title*="Cloud" i],
.adsk-dropdown-menu [title*="Freehand" i],
.adsk-dropdown-menu [title*="Text" i],
.adsk-dropdown-menu [title*="Cut" i],
.adsk-dropdown-menu [title*="Copy" i],
.adsk-dropdown-menu [title*="Paste" i],
.adsk-dropdown-menu [title*="Navigate" i],
.adsk-dropdown-menu [title*="Delete" i],
.adsk-dropdown-menu [title*="Duplicate" i] {
    display: none !important;
    visibility: hidden !important;
}

/* Alternative dropdown selectors */
.adsk-popup-menu [data-control-id*="arrow"],
.adsk-popup-menu [data-control-id*="rectangle"],
.adsk-popup-menu [data-control-id*="cloud"],
.adsk-popup-menu [data-control-id*="freehand"],
.adsk-popup-menu [data-control-id*="text"],
.adsk-popup-menu [data-control-id*="cut"],
.adsk-popup-menu [data-control-id*="copy"],
.adsk-popup-menu [data-control-id*="paste"],
.adsk-context-menu [data-control-id*="arrow"],
.adsk-context-menu [data-control-id*="rectangle"],
.adsk-context-menu [data-control-id*="cloud"],
.adsk-context-menu [data-control-id*="freehand"],
.adsk-context-menu [data-control-id*="text"],
.adsk-context-menu [data-control-id*="cut"],
.adsk-context-menu [data-control-id*="copy"],
.adsk-context-menu [data-control-id*="paste"] {
    display: none !important;
    visibility: hidden !important;
}

/* Generic menu hiding - catch all approach for dropdown menus */
[role="menu"] [title*="Arrow" i],
[role="menu"] [title*="Rectangle" i], 
[role="menu"] [title*="Cloud" i],
[role="menu"] [title*="Freehand" i],
[role="menu"] [title*="Text" i],
[role="menu"] [title*="Cut" i],
[role="menu"] [title*="Copy" i],
[role="menu"] [title*="Paste" i],
[role="menu"] [title*="Navigate" i],
[role="menu"] [title*="Delete" i],
[role="menu"] [title*="Duplicate" i] {
    display: none !important;
    visibility: hidden !important;
}

/* Ensure polyline tool remains visible in any context */
.adsk-dropdown-menu [title*="Polyline" i],
.adsk-dropdown-menu [data-control-id*="polyline"],
.adsk-popup-menu [title*="Polyline" i],
.adsk-popup-menu [data-control-id*="polyline"],
.markup-polyline-tool {
    display: block !important;
    visibility: visible !important;
}



.TreeView_sidebar__qsj3A {
  height: 100vh; /* Full viewport height */
  background-color: #f2f2f2;
  color: #0033A0;
  display: flex;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  position: relative;
}

.TreeView_collapsed__U1izc {
  padding: 10px 5px;
  overflow: hidden;
}

.TreeView_toggleButton__8glYF {
  position: absolute;
  top: 35px;
  right: 30px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 14px;
  cursor: pointer;
  z-index: 10;
}


/* When sidebar is expanded */
.TreeView_expandedButton__4YLZG {
  right: 30px;
}

/* When sidebar is collapsed */
.TreeView_collapsedButton__nrh_b {
  left: 100px;
}

.TreeView_logoContainer___TDFA {
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background-color: white;
  margin-bottom: 10px;
}


.TreeView_treeViewContainer__3EEvL {
  flex-grow: 1;
  overflow-y: auto;
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background-color: white;
}

.TreeView_collapsedLogo__n9ZyV {
  display: flex;
  justify-content: left; /* centers horizontally */
  padding: 10px 30px;
}


.TreeView_treeView__w2XIC {
  font-family: Arial, sans-serif;
}


.TreeView_arrow__55JLj {
  font-size: 10px; /* Adjust to your preference */
  margin-right: 4px;
}

.TreeView_parentNode__Illtd {
  cursor: pointer;
  font-weight: 300; /* Thin */
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 5px 0;
}

.TreeView_childNodes__XEzsg {
  margin-left: 20px;
}

.TreeView_childNode__Uki1W {
  margin: 3px 0;
  font-weight: 300; /* Thin */
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/*
.collapsedTree .arrow {
  display: none;
}
*/

.TreeView_collapsedTree__3KV3w .TreeView_parentNode__Illtd {
  cursor: pointer;
  font-weight: 300; /* Thin */
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px; /* Adjust based on your collapsed width */
  display: inline-block;
}

.TreeView_collapsedTree__3KV3w .TreeView_childNodeContent__4kDKK span {
  margin: 3px 0;
  font-weight: 300; /* Thin */
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px; /* Adjust based on your collapsed width */
  display: inline-block;
}


.TreeView_active__avgKa {
  text-decoration: underline;
  text-decoration-color: #A57C1B;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px; /* Adjust this value as needed */
}

.TreeView_childNode__Uki1W:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}

.TreeView_childNodeContent__4kDKK {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.TreeView_orderBadge__eecb6 {
  background-color: #A57C1B;
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400; /* Thin */
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
}

 .Sidebar_orderBadge__dQ_LO {
  background-color: #0033A0;
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
}

.Detailbar_workOrderCount__bLDkJ {
  background-color: #1976d2;
  color: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
  margin-left: 4px;
  box-shadow: 0 1px 4px rgba(25, 118, 210, 0.15);
}

.Detailbar_permitToWorkCount__p2cdM {
  background-color: #7c3aed; /* Purple background */
  color: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
  margin-left: 4px;
  box-shadow: 0 1px 4px rgba(124, 58, 237, 0.15); /* Purple shadow */
}
.Detailbar_contentContainer__nG_mw {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f2f2f2;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.Detailbar_detailbar__lO8bV {
  position: relative;
  top: 20px;
  width: 90%;
  height: 86vh; /* Set height to 90vh */
  background-color: white;
  color: #0033A0;
  z-index: 20;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  padding: 20px;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.Detailbar_scrollableList__Q7CgW {
  overflow-y: auto;
  flex-grow: 1;
  min-height: 0; /* Required when inside flex container */
  margin-top: 8px;
  padding-bottom: 30px; /* Add some space at the bottom */
}

.Detailbar_collapsed__aKrmJ {
  width: 40px;
  overflow: hidden;
  padding: 10px 5px;
}

.Detailbar_toggleButton__smXFZ {
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 14px;
  cursor: pointer;
  z-index: 100;
}

.Detailbar_scrollableList__Q7CgW {
  overflow-y: auto;
  flex-grow: 1;
  padding-right: 4px;
}

.Detailbar_workOrderCard__BeEWw {
  background-color: #f9fafb;
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.Detailbar_workOrderCardExpanded__kJyir {
  background-color: #e0f2fe; /* Light blue background for expanded cards */
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 5px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 0px;
  border: 2px solid #0284c7; /* Add a subtle blue border */
}

.Detailbar_statRow__qfasd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 16px;
  margin-bottom: 0;
}

.Detailbar_statRowTop__e2lI7 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 16px;
}

.Detailbar_descriptionField__urQ4c {
  margin-top: 0px;
}

.Detailbar_descriptionContent__OsEhe {
  font-weight: 350;
  color: #374151;
  margin-top: 4px;
}

.Detailbar_label__3XJtu {
  font-weight: 450;
  color: #0033A0;
  text-align: right;
}

.Detailbar_value__raR7b {
  font-weight: 350;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #374151;
  text-align: right;
}

.Detailbar_link__aA0LR {
  margin-top: 10px;
  color: #1d4ed8;
  text-decoration: none;
  font-weight: 500;
}

.Detailbar_link__aA0LR:hover {
  color: #2563eb;
}

.Detailbar_collapsedView__oTS_K {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px;
  border-top: 1px solid #e5e7eb;
  cursor: pointer;
}

.Detailbar_collapsedView__oTS_K > div {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 16px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.Detailbar_collapsedView__oTS_K > div > .Detailbar_value__raR7b {
  text-align: right;
}

.Detailbar_expandedView__kciOn {
  padding: 10px;
  border-top: 1px solid #e5e7eb;
}

.roomInfoHover {
  position: relative;
  cursor: pointer;
}

.roomInfoHoverEffect {
  background: transparent;
  border-radius: 8px;
  transition: background 0.2s;
  z-index: 0;
  /* Rectangle with a circular cutout for the search button at the right */
  clip-path: path('M0,0 H100% V100% H0 Z Mcalc(100% - 1.75rem) 50% m-1.25rem,0 a1.25rem,1.25rem 0 1,0 2.5rem,0 a1.25rem,1.25rem 0 1,0 -2.5rem,0');
}

.roomInfoHover:hover .roomInfoHoverEffect {
  background: #e5e7eb;
}
.searchButtonOnRoomInfo {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background: white;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  border: 1px solid #e5e7eb;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.NearbyWorkOrdersPanel_panel__Hy72H {
  position: fixed;
  top: 120px;
  right: 20px;
  width: 350px;
  max-height: calc(100vh - 140px);
  background: white;
  border: 2px solid #3b82f6;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

.NearbyWorkOrdersPanel_header__8ilpq {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 16px;
  border-bottom: 1px solid #e5e7eb;
  background: #f8fafc;
  border-radius: 6px 6px 0 0;
}

.NearbyWorkOrdersPanel_headerContent__dCrkO {
  flex: 1;
  margin-right: 12px;
}

.NearbyWorkOrdersPanel_titleRow__oYvV0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}

.NearbyWorkOrdersPanel_emailSection__Mic6j {
  margin-top: 0;
  padding: 8px 16px 12px 16px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  width: 100%;
  background: #f8fafc;
}

.NearbyWorkOrdersPanel_titleActions__JXInZ {
  display: flex;
  align-items: center;
  gap: 8px;
}

.NearbyWorkOrdersPanel_title__4kmmL {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e40af;
  margin: 0;
}

.NearbyWorkOrdersPanel_emailButton__WbdXI {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  background: #059669;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.NearbyWorkOrdersPanel_emailButton__WbdXI:hover {
  background: #047857;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.NearbyWorkOrdersPanel_emailButton__WbdXI:focus {
  outline: none;
  box-shadow: 0 0 0 2px #10b981;
}

.NearbyWorkOrdersPanel_emailIcon__t2Q1D {
  width: 16px;
  height: 16px;
}

.NearbyWorkOrdersPanel_recordsInput__Lreby {
  width: 50px;
  padding: 4px 6px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 0.75rem;
  text-align: center;
  background: white;
  color: #374151;
  appearance: textfield; /* Standard property */
  -moz-appearance: textfield; /* Firefox */
}

.NearbyWorkOrdersPanel_recordsInput__Lreby:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 1px #3b82f6;
}

/* Hide spinner buttons in Chrome, Safari, Edge */
.NearbyWorkOrdersPanel_recordsInput__Lreby::-webkit-outer-spin-button,
.NearbyWorkOrdersPanel_recordsInput__Lreby::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.NearbyWorkOrdersPanel_roomInfo__tznOR {
  margin-top: 4px;
  flex: 1;
}

.NearbyWorkOrdersPanel_roomInfo__tznOR.NearbyWorkOrdersPanel_clickable__K_fAV {
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.NearbyWorkOrdersPanel_roomInfo__tznOR.NearbyWorkOrdersPanel_clickable__K_fAV:hover {
  background-color: #f0f9ff;
  border: 1px solid #bfdbfe;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.NearbyWorkOrdersPanel_roomId__3xbKx {
  font-size: 0.75rem;
  color: #6b7280;
  font-weight: 500;
  line-height: 1.2;
}

.NearbyWorkOrdersPanel_roomStandard__dvJlV {
  font-size: 0.7rem;
  color: #9ca3af;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 2px;
}

.NearbyWorkOrdersPanel_closeButton__wEzvY {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #f3f4f6;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s;
}

.NearbyWorkOrdersPanel_closeButton__wEzvY:hover {
  background: #e5e7eb;
  color: #374151;
}

.NearbyWorkOrdersPanel_closeIcon__6Gbfn {
  width: 20px;
  height: 20px;
  color: #6b7280;
}

.NearbyWorkOrdersPanel_loading__HxnIs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
}

.NearbyWorkOrdersPanel_spinner__VJV_2 {
  width: 32px;
  height: 32px;
  color: #3b82f6;
  animation: NearbyWorkOrdersPanel_spin__VFbg1 1s linear infinite;
}

@keyframes NearbyWorkOrdersPanel_spin__VFbg1 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.NearbyWorkOrdersPanel_spinnerCircle__R7HJb {
  opacity: 0.25;
}

.NearbyWorkOrdersPanel_spinnerPath__LD23o {
  opacity: 0.75;
}

.NearbyWorkOrdersPanel_content__5zieM {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  max-height: calc(100vh - 200px);
}

.NearbyWorkOrdersPanel_workOrderItem__CfPhz {
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  background: white;
}

.NearbyWorkOrdersPanel_workOrderItem__CfPhz:hover {
  background: #f9fafb;
  border-color: #3b82f6;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.NearbyWorkOrdersPanel_workOrderItemSameFloor__1HY_Y {
  background: #f0f9ff;
  border-color: #0ea5e9;
}

.NearbyWorkOrdersPanel_workOrderItemSameFloor__1HY_Y:hover {
  background: #e0f2fe;
  border-color: #0284c7;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.NearbyWorkOrdersPanel_workOrderHeader__9lcvr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
}

.NearbyWorkOrdersPanel_workOrderNumber__zuWVQ {
  font-size: 0.875rem;
  font-weight: 600;
  color: #2563eb;
}

.NearbyWorkOrdersPanel_distance__EaWqc {
  font-size: 0.75rem;
  background: #dbeafe;
  color: #1e40af;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
}

.NearbyWorkOrdersPanel_location__ey82e {
  font-size: 0.875rem;
  color: #374151;
  margin-bottom: 6px;
  font-weight: 500;
}

.NearbyWorkOrdersPanel_metadata__MzVkb {
  font-size: 0.75rem;
  color: #6b7280;
  margin-bottom: 6px;
}

.NearbyWorkOrdersPanel_description__zwIXU {
  font-size: 0.75rem;
  color: #9ca3af;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.NearbyWorkOrdersPanel_empty__wGbbw {
  text-align: center;
  color: #6b7280;
  padding: 60px 20px;
  font-size: 0.875rem;
}

.NearbyWorkOrdersPanel_authMessage__HpUFy {
  text-align: center;
  color: #6b7280;
  padding: 60px 20px;
  font-size: 0.875rem;
}

.NearbyWorkOrdersPanel_authMessage__HpUFy button {
  margin-top: 16px;
  padding: 8px 16px;
  background-color: #3b82f6;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.875rem;
  transition: background-color 0.2s;
}

.NearbyWorkOrdersPanel_authMessage__HpUFy button:hover {
  background-color: #2563eb;
}

.NearbyWorkOrdersPanel_authMessage__HpUFy button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #3b82f6;
}

/* Copy from NearbyWorkOrdersPanel styles but adapt for permits */
.NearbyPermitToWorkPanel_panel__syewM {
  position: fixed;
  top: 80px;
  right: 20px;
  width: 400px;
  max-height: 70vh;
  background: white;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

.NearbyPermitToWorkPanel_header__8_4SG {
  padding: 16px;
  border-bottom: 1px solid #eee;
  background: #f8f9fa;
  border-radius: 8px 8px 0 0;
}

.NearbyPermitToWorkPanel_headerContent__QMRGT {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.NearbyPermitToWorkPanel_titleSection__xEWmP {
  flex: 1;
}

.NearbyPermitToWorkPanel_titleRow__8qVNA {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.NearbyPermitToWorkPanel_title__1kYfg {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  flex: 1;
}

.NearbyPermitToWorkPanel_roomInfo__QFVrz {
  margin-top: 4px;
  flex: 1;
}

.NearbyPermitToWorkPanel_roomInfo__QFVrz.NearbyPermitToWorkPanel_clickable__PZ8u0 {
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.NearbyPermitToWorkPanel_roomInfo__QFVrz.NearbyPermitToWorkPanel_clickable__PZ8u0:hover {
  background-color: #f0f9ff;
  border: 1px solid #bfdbfe;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.NearbyPermitToWorkPanel_roomId__IDN4Y {
  font-size: 0.75rem;
  color: #6b7280;
  font-weight: 500;
  line-height: 1.2;
}

.NearbyPermitToWorkPanel_roomStandard__4qDlw {
  font-size: 0.7rem;
  color: #9ca3af;
  font-weight: 400;
  line-height: 1.2;
}

.NearbyPermitToWorkPanel_recordsInput__ak1XU {
  width: 60px;
  padding: 4px 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
}

.NearbyPermitToWorkPanel_closeButton__UQyBl {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #666;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  flex-shrink: 0;
  margin-top: -4px;
}

.NearbyPermitToWorkPanel_closeButton__UQyBl:hover {
  background: #f0f0f0;
  color: #333;
}

.NearbyPermitToWorkPanel_content__80jvy {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
  max-height: calc(70vh - 100px);
}

.NearbyPermitToWorkPanel_permitItem__HSK2m {
  padding: 12px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
}

.NearbyPermitToWorkPanel_permitItem__HSK2m:hover {
  background: #f8f9fa;
  border-color: #4285f4;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(66, 133, 244, 0.15);
}

.NearbyPermitToWorkPanel_permitItemSameFloor__chm9l {
  border-left: 4px solid #4CAF50;
  background: #f8fff8;
}

.NearbyPermitToWorkPanel_permitItemSameFloor__chm9l:hover {
  background: #f0f8f0;
}

.NearbyPermitToWorkPanel_permitHeader__1zB4S {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.NearbyPermitToWorkPanel_permitNumber__4SCcC {
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.NearbyPermitToWorkPanel_distance__6b1i_ {
  font-size: 12px;
  color: #666;
  background: #f0f0f0;
  padding: 2px 6px;
  border-radius: 10px;
}

.NearbyPermitToWorkPanel_location__PXqSf {
  font-size: 12px;
  color: #666;
  margin-bottom: 4px;
}

.NearbyPermitToWorkPanel_metadata__euQGe {
  font-size: 11px;
  color: #888;
  margin-bottom: 6px;
}

.NearbyPermitToWorkPanel_description__dZOZf {
  font-size: 12px;
  color: #555;
  line-height: 1.4;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.NearbyPermitToWorkPanel_loading__Oh8al {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}

.NearbyPermitToWorkPanel_spinner__WZSRr {
  width: 24px;
  height: 24px;
  animation: NearbyPermitToWorkPanel_spin__53FnD 1s linear infinite;
}

.NearbyPermitToWorkPanel_spinnerPath__staMk {
  color: #4285f4;
}

@keyframes NearbyPermitToWorkPanel_spin__53FnD {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.NearbyPermitToWorkPanel_empty__nGMEp {
  padding: 40px 20px;
  text-align: center;
  color: #666;
  font-size: 14px;
}

.NearbyPermitToWorkPanel_authMessage__3MRdY {
  padding: 40px 20px;
  text-align: center;
  color: #666;
  font-size: 14px;
}

.NearbyPermitToWorkPanel_authMessage__3MRdY button {
  margin-top: 12px;
  padding: 8px 16px;
  background: #4285f4;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
}

.NearbyPermitToWorkPanel_authMessage__3MRdY button:hover {
  background: #3367d6;
}

/* Email section styles */
.NearbyPermitToWorkPanel_emailSection__AnVus {
  margin-top: 0;
  padding: 8px 16px 12px 16px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  width: 100%;
  background: #f8fafc;
}

.NearbyPermitToWorkPanel_emailButton__Y_X17 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 12px;
  background: #059669;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.NearbyPermitToWorkPanel_emailButton__Y_X17:hover {
  background: #047857;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.NearbyPermitToWorkPanel_emailButton__Y_X17:focus {
  outline: none;
  box-shadow: 0 0 0 2px #10b981;
}

.NearbyPermitToWorkPanel_emailIcon__ORpT5 {
  width: 16px;
  height: 16px;
}

/* components/Filterbar/filterbar.module.css */
.filterbar_filterbarContainer__lEdsY { /* Or whatever class name you are using on the main Filterbar div */
  background-color: #f2f2f2;
  color: #0033A0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  border-radius: 12px;
  overflow-x: auto; /* Add this line */
}

/* If your filter elements are within another container inside Filterbar */
.filterbar_filterItems__4L252 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px; /* Example spacing */
  white-space: nowrap; /* Prevent wrapping of individual items */
}

/* You might need to adjust other styles for the child elements as well */

.filterbar_statusListItem__sM9Hw {
  display: flex;
  justify-content: space-between; /* Distribute space between text and dot */
  align-items: center;
  width: 100%; /* Ensure the li takes full width of the dropdown option */
  padding: 8px 16px; /* Re-add padding here */
}

.filterbar_statusListItem__sM9Hw:hover {
  background-color: #eeeeee; /* A light grey for hover effect */
  cursor: pointer; /* Indicate it's clickable */
}

.filterbar_statusDot__QdaA_ {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: auto; /* Push to the right */
  flex-shrink: 0; /* Prevent the dot from shrinking */
}