html, body {
		padding:0 !important;
	 	xmin-height: 60vh;
	}
	
	.text-color {
		color:#111 !important;
	}
	.theme-dark .text-color {
		color:#eee !important;
	}
	
	.bold {
		font-weight:600;
	}
	.header {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 45px;
		height: calc(45px + (constant(safe-area-inset-top))*0.8) !important;
		height: calc(45px + (env(safe-area-inset-top))*0.8) !important;
		z-index: 99;
		transition: all 350ms ease;
		background-color: #FFF;
		border-bottom: solid 1px rgba(0, 0, 0, 0.03);
		box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.2);
		font-size: 16px;
		padding:0 15px;
		line-height:45px;
		font-weight:400;
		text-align:center;
		text-transform:uppercase;
		font-weight:600;
	}
	.header-clear {
	  padding-top: 45px;
	  padding-top: calc(45px + (constant(safe-area-inset-top))*0.8) !important;
	  padding-top: calc(45px + (env(safe-area-inset-top))*0.8) !important;
	}
	
	.marquee {
		background:rgba(0,0,0,0.1);
		color:#000;
		height:33px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-style: italic;
		white-space:nowrap; 
		overflow:hidden; 
		z-index:1;
		padding:5px 0 7px;
		xfont-weight:600;
		margin-bottom:-8px !important;
		margin-top:2px !important;
	}
	.theme-dark .marquee {
		background:rgba(255,255,255,0.1);
		color:#eee;
	}
	.date-scroller {
      display: flex;
      gap: 6px;
      overflow-x: auto;
      padding: 0px;
      background: #ffffff;
      background: transparent;
      xborder-radius: 12px;
      xbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      cursor: grab;
      user-select: none;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      /* Hide scrollbars */
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    .date-scroller::-webkit-scrollbar {
      display: none;
    }

    .date-scroller.active {
      cursor: grabbing;
      scroll-behavior: auto; /* Disable smooth CSS scroll during active manual dragging */
    }

    .date-card {
      flex: 0 0 50px;
      padding: 10px;
      text-align: center;
      border: 1px solid #e2e8f0;
      border-radius: 5px;
      background: #fff;
      color: #222;
      xtransition: background 0.2s, color 0.2s, border-color 0.2s;
	  line-height:120%;
	  white-space:nowrap;
    }
    .theme-dark .date-card {
      border-color:#555;
      background: #333;
      color: #eee;
    }

    .date-card .day-name {
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 4px;
    }

    .date-card .day-num {
      font-size: 14px;
      font-weight: 700;
    }

    .date-card.today,
    .date-card.selected {
      background: #48f;
      color: #ffffff;
      border-color: #48f;
    }
    .theme-dark .date-card.today,
    .theme-dark .date-card.selected {
      background: linear-gradient(45deg, #48f, #025) !important;
      color: #eee !important;
      border-color: #025 !important;
    }
	
	.my-table {
	  width: 100%;
	  border-collapse: collapse;
	  font-size: 12px;
	  margin-bottom: 0px;
	  border: 0!important;
	  color: #fff;
	  font-family: "Roboto", sans-serif !important;
	  border-radius: 0 0 5px 5px;
	}
	
	/* Light Theme Header */
	.my-table thead tr {
	  background: #099 !important;
	}
	
	.my-table thead tr th {
	  color: #fff;
	  font-size: 13px;
	  border-bottom: 0 !important;
	  border-right: 1px solid #eee;
	  padding: 3px 6px;
	  background: transparent !important; /* Forces TH to stay transparent */
	}
	
	.my-table thead tr th:last-child {
	  border-right: 0;
	}
	
	/* Dark Theme Overrides */
	.theme-dark .my-table thead tr {
	  background: linear-gradient(45deg, #48f, #025) !important;
	  background-image: linear-gradient(-135deg, #033, #37BC9B) !important;
	}
	
	.theme-dark .my-table thead tr th {
	  background: transparent !important; /* Prevents dark-theme framework TH overrides */
	  border-color: #111 !important;
	}	
	
	.my-table tbody td {
		padding:5px 6px;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		line-height:140%;
		xfont-size:12px;
		vertical-align:middle;
		background:#fff;
		color:#222;
	}
	.theme-dark .my-table tbody td {
		border-color:#666 !important;
		background:#2a2a2a !important;
		color:#eee !important;
	}
	.my-table tbody td:last-child {
		border-right:0;
	}
	.my-table tbody tr:last-child td {
		border-bottom:0;
	}
	
	.table-title {
		background: #37e;
		border-radius:4px 4px 0 0;
		padding:3px 13px !important;
		font-size:13px;
		font-weight:600;
		color:#fff;
		margin-bottom:1px;
		border:0;
	}
	.theme-dark .table-title {
		background: linear-gradient(45deg, #48f, #025);
		border-bottom:1px solid #2a2a2a;
		
	}