/* Shared UI styles for grids, buttons, and dropdowns */
body,
#wrapper{
  font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
}

@media (max-width: 1024px){
  #wrapper,
  #wrapper *{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-style: normal !important;
  }
}

/* Card layout */

.card-stack{
  width: calc(100% - 5px);
  margin: 0 5px 0 0;
  box-sizing: border-box;
}

.card{
  width: 100%;
  margin: 0;
  padding: 1.25rem;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.12);
  background: #ffffff;
  box-shadow: 0 18px 36px rgba(2,6,23,.08);
  box-sizing: border-box;
}

.reseller-panel{
  background: #e6f2ff;
  border-color: rgba(29,78,216,.25);
  box-shadow: 0 12px 24px rgba(2,6,23,.08);
}

/* Global heading tokens for cards/pages */
.card legend{
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 100;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #ffffff;
  background: #202636;
  padding: .4rem .85rem;
  border-radius: 10px;
  letter-spacing: .02em;
}

.card-legend{
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 100;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #ffffff;
  background: #202636;
  padding: .4rem .85rem;
  border-radius: 10px;
  letter-spacing: .02em;
  display: inline-block;
  margin-bottom: .85rem;
}

@media (max-width: 768px){
  .card legend,
  .card-legend{
    font-size: 1.25rem;
  }
}

.card-desc{
  margin: .55rem 0 1rem;
  color: rgba(11,18,32,.75);
  font-size: .95rem;
}

.actions-row .cssbutton,
.actions-row .primary-btn,
.actions-row .cssbuttonexport,
.actions-row .export-btn,
.inline-controls .cssbutton,
.inline-controls .primary-btn,
.inline-controls .cssbuttonexport,
.inline-controls .export-btn,
.export-row .cssbutton,
.export-row .primary-btn,
.export-row .cssbuttonexport,
.export-row .export-btn{
  font-size: 1rem !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}

#wrapper{
  font-weight: 300;
}

#wrapper .data-grid td,
#wrapper .data-grid td a{
  font-weight: 400 !important;
}

.sr-only{
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.rme-input,
.rme-select,
.rme-textarea,
select.rme-select,
select.rme-select option{
  width: 100% !important;
  padding: .35rem .65rem;
  border-radius: .35rem;
  border: 1px solid rgba(15,23,42,.18);
  background: #ffffff;
  font-size: .95rem;
  font-weight: 400 !important;
  box-sizing: border-box;
  line-height: 1.2;
}

body .rme-input,
body .rme-select,
body .rme-textarea,
body select.rme-select{
  border-radius: .35rem !important;
}

#wrapper .rme-input,
#wrapper .rme-select,
#wrapper .rme-textarea,
#wrapper select.rme-select,
#wrapper select.rme-select option{
  font-weight: 400 !important;
  color: #0b1220 !important;
}

.site-card .rme-input,
.site-card .rme-select,
.site-card .rme-textarea{
  border-radius: .35rem !important;
}

select.rme-select{
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
}

.rme-input-sm{
  max-width: 140px;
}

select.rme-select.rme-select-auto{
  width: auto !important;
  min-width: 0;
}

#wrapper select.rme-select,
#wrapper select.rme-select *{
  font-weight: 400 !important;
}

.inline-controls{
  display: inline-flex;
  align-items: flex-start;
  gap: .5rem;
  flex-wrap: wrap;
}

.actions-row.inline-controls{
  align-items: flex-start;
}

.field-label{
  font-size: .85rem;
  font-weight: 700;
  color: rgba(11,18,32,.8);
}

.label-body{
  font-size: .95rem;
  font-weight: 400 !important;
  color: rgba(11,18,32,.75);
}

#wrapper .label-body{
  font-weight: 400 !important;
}

.section-title{
  font-size: 1rem;
  font-weight: 700 !important;
  color: #ffffff;
  background: #111827;
  padding: .35rem .75rem;
  border-radius: 10px;
  letter-spacing: .02em;
  margin: .75rem 0 .35rem;
  display: inline-block;
}

.section-header{
  font-size: 18px !important;
  font-weight: 700 !important;
  color: rgba(11,18,32,.75);
  display: block;
}

/* Reusable body header treatment: H2 is canonical, H3 kept as fallback during migration */
h2.rme-body-header-h2,
h3.rme-body-header-h2{
  margin: 0 0 10px 0;
  display: inline-block;
  position: relative;
  padding-bottom: .2rem;
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 200;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

h2.rme-body-header-h2::after,
h3.rme-body-header-h2::after{
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: 0;
  border-bottom: 1px solid rgba(15,23,42,.16);
}

h2.rme-body-header-h2 .section-header,
h3.rme-body-header-h2 .section-header{
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

@media (max-width: 768px){
  h2.rme-body-header-h2,
  h3.rme-body-header-h2{
    font-size: 1.25rem;
  }
}

.float-wrap{
  overflow: auto;
}

.rme-textarea{
  min-height: 120px;
  resize: vertical;
}

.notice-yellow{
  display: flex;
  align-items: center;
  gap: .25rem;
  background: #fef3c7;
  border: 1px solid #f59e0b;
  color: #0b1220;
  border-radius: var(--ui-radius);
  padding: .35rem .55rem;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.notice-yellow.notice-yellow--tight{
  margin-bottom: 5px;
}

.notice-yellow.notice-yellow--inline{
  display: inline-flex;
  width: auto;
}

.notice-green{
  display: block;
  background: #dcfce7;
  border: 1px solid #16a34a;
  color: #0b1220;
  border-radius: var(--ui-radius);
  padding: .35rem .55rem;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.notice-green a{
  color: #1d4ed8;
  display: inline-block;
  white-space: nowrap;
}

.notice-yellow a{
  color: #1d4ed8;
}

.notice-yellow :where(span,label,p,div,b,strong),
.notice-green :where(span,label,p,div,b,strong),
.notice-pink :where(span,label,p,div,b,strong),
.notice-blue :where(span,label,p,div,b,strong){
  font-size: 1rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #0b1220 !important;
  font-family: inherit !important;
}

.notice-yellow:empty,
.notice-green:empty,
.notice-pink:empty,
.notice-blue:empty{
  display: none;
}

.notice-pink{
  display: block;
  background: #ffe4e6;
  border: 1px solid #dc2626;
  color: #0b1220;
  border-radius: var(--ui-radius);
  padding: .35rem .55rem;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.notice-blue{
  display: block;
  background: #dbeafe;
  border: 1px solid #2563eb;
  color: #1e3a8a;
  border-radius: var(--ui-radius);
  padding: .35rem .55rem;
  font-weight: 600;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.notice-blue.notice-blue--inline{
  display: inline-flex;
  width: auto;
}

.notice-yellow,
.notice-green,
.notice-pink,
.notice-blue{
  font-size: 1rem !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #0b1220 !important;
}

.data-grid--company-contracts th{
  background: #f8fafc;
  color: #202636;
  font-weight: 400;
}

.data-grid--company-contracts .grid-regular{
  font-weight: 400 !important;
}

.data-grid--company-contracts td:nth-child(3),
.data-grid--company-contracts td:nth-child(3) *{
  font-weight: 400 !important;
}

.data-grid--company-contracts [id$="lblPropertyAddress"],
.data-grid--company-contracts td:nth-child(3) b,
.data-grid--company-contracts td:nth-child(3) strong{
  font-weight: 400 !important;
}

.light-blue-btn,
input.light-blue-btn,
button.light-blue-btn{
  background: #bfdbfe !important;
  border: 1px solid #60a5fa !important;
  color: #1e3a8a !important;
  padding: .35rem .85rem;
  min-height: 32px;
  height: 32px;
  border-radius: var(--ui-radius);
  font-weight: 400;
  font-size: 1em;
  background-image: none !important;
  margin-bottom: 5px;
}

body .light-blue-btn{
  border-radius: .35rem !important;
}

.site-card .light-blue-btn{
  border-radius: .35rem !important;
}

.light-blue-btn:hover,
input.light-blue-btn:hover,
button.light-blue-btn:hover{
  background: #93c5fd !important;
  border-color: #3b82f6 !important;
}


.site-card input[type="text"],
.site-card select,
.site-card textarea,
.site-card input[type="password"],
.site-card input[type="email"],
.site-card input[type="number"]{
  max-width: 100%;
  min-width: 0;
  padding: .5rem .6rem;
  border-radius: 10px;
  border: 1px solid rgba(15,23,42,.18);
  background: #ffffff;
  font-size: .9rem;
  box-sizing: border-box;
}

.site-card textarea{ min-height: 120px; resize: vertical; }

:root{
  --ui-radius: 10px;
  --ui-blue: #1d4ed8;
  --ui-blue-dark: #1e40af;
  --ui-border: rgba(15,23,42,.18);
  --ui-row-alt: #dfeaf7;
}


.primary-btn,
input.primary-btn,
button.primary-btn{
  background: var(--ui-blue) !important;
  border: 1px solid var(--ui-blue) !important;
  color: #ffffff !important;
  padding: .35rem .85rem;
  min-height: 32px;
  height: 32px;
  border-radius: .35em;
  font-weight: 400;
  font-size: 1em;
  background-image: none !important;
}
.primary-btn:hover,
input.primary-btn:hover,
button.primary-btn:hover{
  background: var(--ui-blue-dark) !important;
  border-color: var(--ui-blue-dark) !important;
}


.danger-btn,
input.danger-btn,
button.danger-btn{
  background: #dc2626 !important;
  border: 1px solid #dc2626 !important;
  color: #ffffff !important;
  padding: .35rem .85rem;
  min-height: 32px;
  height: 32px;
  border-radius: .35em;
  font-weight: 400;
  font-size: 1em;
  background-image: none !important;
}
.danger-btn:hover,
input.danger-btn:hover,
button.danger-btn:hover{
  background: #b91c1c !important;
  border-color: #b91c1c !important;
}

.success-btn,
input.success-btn,
button.success-btn{
  background: #0f6f3a !important;
  border: 1px solid #0f6f3a !important;
  color: #ffffff !important;
}
.success-btn:hover,
input.success-btn:hover,
button.success-btn:hover{
  background: #0b5c30 !important;
  border-color: #0b5c30 !important;
}



.export-select{
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 .75rem !important;
  border-radius: var(--ui-radius) !important;
  border: 1px solid var(--ui-border) !important;
  box-sizing: border-box;
}





.export-btn{
  min-height: 38px !important;
  height: 38px !important;
  padding: .4rem .85rem !important;
  border-radius: var(--ui-radius) !important;
}

.grid-wrap{
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.08);
  background: #ffffff;
  width: 100%;
  max-width: 100%;
}

.data-grid{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.data-grid,
.data-grid td,
.data-grid th{
  border-color: #cccccc !important;
}

.data-grid th{
  background: #111827;
  color: #ffffff;
  font-weight: 700;
  text-align: left;
  padding: .6rem .75rem;
  font-size: .9rem;
}

.data-grid td{
  padding: .55rem .75rem;
  border-bottom: 1px solid #cccccc;
  font-size: .9rem;
  color: #0b1220;
}

.data-grid tr:nth-child(even) td{ background: var(--ui-row-alt); }
.data-grid tr:nth-child(odd) td{ background: #ffffff; }

.data-grid th:first-child{ border-top-left-radius: 12px; }
.data-grid th:last-child{ border-top-right-radius: 12px; }

.data-grid{
  border-radius: 12px;
  overflow: hidden;
}


.data-grid td[style*="background-color: red"],
.data-grid td[style*="background-color:red"],
.data-grid td[style*="background-color:Red"],
.data-grid td[style*="background-color:RED"],
.data-grid td[style*="background-color:#ff0000"],
.data-grid td[style*="background:#ff0000"],
.data-grid td[bgcolor="red"],
.data-grid td[bgcolor="#ff0000"]{
  background-color: #991b1b !important;
  color: #ffffff !important;
}

.data-grid td[style*="color: white"],
.data-grid td[style*="color:white"]{
  background-color: #991b1b !important;
  color: #ffffff !important;
}

table[id$="DataGridContractHistory"] td[style*="color:White"],
table[id$="DataGridContractHistory"] td[style*="color:white"]{
  background-color: #991b1b !important;
  color: #ffffff !important;
}

table[id$="DataGridAssociatedItems"] tr:not(:first-child) th{
  background: transparent !important;
  color: #0b1220 !important;
  font-weight: 400 !important;
}

.data-grid .DataGridHeader,
.data-grid th,
.data-grid .DataGridHeader td{
  background: #000000 !important;
  color: #ffffff !important;
}

.data-grid tr:first-child td,
.data-grid tr:first-child th{
  background: #000000 !important;
  color: #ffffff !important;
}

.data-grid--header-dark .DataGridHeader,
.data-grid--header-dark .DataGridHeader td,
.data-grid--header-dark th{
  background: #202636 !important;
  color: #ffffff !important;
}

.data-grid--header-dark tr:first-child td,
.data-grid--header-dark tr:first-child th,
.data-grid--header-dark tr:first-child td a,
.data-grid--header-dark tr:first-child th a{
  background: #202636 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

table[id$="DataGridProperty"] .DataGridHeader,
table[id$="DataGridProperty"] .DataGridHeader td,
table[id$="DataGridProperty"] th,
table[id$="DataGridProperty"] tr:first-child td,
table[id$="DataGridProperty"] tr:first-child th{
  background: #202636 !important;
  color: #ffffff !important;
}

table[id$="DataGrid_Accela"] .DataGridHeader,
table[id$="DataGrid_Accela"] .DataGridHeader td,
table[id$="DataGrid_Accela"] th,
table[id$="DataGrid_Accela"] tr:first-child td,
table[id$="DataGrid_Accela"] tr:first-child th{
  background: #202636 !important;
  color: #ffffff !important;
}

table[id$="DataGridAssociatedItems"] .DataGridHeader,
table[id$="DataGridAssociatedItems"] .DataGridHeader td,
table[id$="DataGridAssociatedItems"] th,
table[id$="DataGridAssociatedItems"] tr:first-child td,
table[id$="DataGridAssociatedItems"] tr:first-child th{
  background: #202636 !important;
  color: #ffffff !important;
}

.data-grid--compact{
  table-layout: fixed;
}

.data-grid--layout-auto{
  table-layout: auto;
}

.data-grid--tight td,
.data-grid--tight th{
  padding: .35rem .5rem;
  font-size: .8rem;
  word-break: break-word;
  border-right: 1px solid #cccccc !important;
  border-bottom: 1px solid #cccccc !important;
}

.data-grid--tight th:last-child,
.data-grid--tight td:last-child{
  border-right: 0 !important;
}

.data-grid--compact td,
.data-grid--compact th{
  padding: .35rem .5rem;
  font-size: .8rem;
  word-break: break-word;
  border-right: 1px solid #cccccc !important;
  border-bottom: 1px solid #cccccc !important;
}

.data-grid--compact th:last-child,
.data-grid--compact td:last-child{
  border-right: 0 !important;
}

table[id$="DataGridOMhistory"]{
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

table[id$="DataGridOMhistory"] tr:first-child td,
table[id$="DataGridOMhistory"] tr:last-child td{
  border: 0 !important;
  background: #ffffff !important;
}

table[id$="DataGridOMhistory"] tr:nth-child(2) th,
table[id$="DataGridOMhistory"] tr:nth-child(n+3):not(:last-child) td{
  border-right: 1px solid #cccccc !important;
  border-bottom: 1px solid #cccccc !important;
}

table[id$="DataGridOMhistory"] tr:nth-child(2) th:first-child,
table[id$="DataGridOMhistory"] tr:nth-child(n+3):not(:last-child) td:first-child{
  border-left: 1px solid #cccccc !important;
}

table[id$="DataGridOMhistory"] tr:nth-child(2) th{
  border-top: 1px solid #cccccc !important;
}

.data-grid--pager-topbottom tr:first-child td,
.data-grid--pager-topbottom tr:first-child td a,
.data-grid--pager-topbottom tr:last-child td,
.data-grid--pager-topbottom tr:last-child td a{
  background: #ffffff !important;
  color: #0b1220 !important;
}

.data-grid--pager-topbottom tr:first-child td a,
.data-grid--pager-topbottom tr:last-child td a{
  color: #1d4ed8 !important;
}

.data-grid--pager-topbottom tr:nth-child(2) td,
.data-grid--pager-topbottom tr:nth-child(2) th,
.data-grid--pager-topbottom tr:nth-child(2) td a,
.data-grid--pager-topbottom tr:nth-child(2) th a{
  background: #202636 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.data-grid--pager-topbottom .DataGridHeader,
.data-grid--pager-topbottom .DataGridHeader td,
.data-grid--pager-topbottom th,
#DataGridContracts tr:nth-child(2) td,
#DataGridContracts tr:nth-child(2) td a{
  background: #202636 !important;
  color: #ffffff !important;
}

@media (max-width: 900px){
  table.mobile-card-grid.reports-mobile-ready{
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  table.mobile-card-grid.reports-mobile-ready > tbody{
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="header"],
  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="pager"]{
    display: none !important;
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="data"],
  table.mobile-card-grid.reports-mobile-ready tr:not([data-submitted-row]){
    display: block !important;
    margin: 0 0 .7rem 0 !important;
    border: 1px solid rgba(15,23,42,.14) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(2,6,23,.08);
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="data"]:nth-of-type(even),
  table.mobile-card-grid.reports-mobile-ready tr:not([data-submitted-row]):nth-of-type(even){
    background: #d7e5f2 !important;
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="data"] > td,
  table.mobile-card-grid.reports-mobile-ready tr:not([data-submitted-row]) > td{
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr);
    align-items: center;
    column-gap: 10px;
    row-gap: 0;
    width: 100% !important;
    box-sizing: border-box;
    padding: .3rem .5rem !important;
    border: 0 !important;
    border-top: 1px solid rgba(15,23,42,.10) !important;
    background: transparent !important;
    text-align: left !important;
    font-size: .85rem !important;
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="data"] > td:first-child,
  table.mobile-card-grid.reports-mobile-ready tr:not([data-submitted-row]) > td:first-child{
    border-top: 0 !important;
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="data"] > td::before,
  table.mobile-card-grid.reports-mobile-ready tr:not([data-submitted-row]) > td::before{
    content: attr(data-label);
    font-weight: 700;
    color: rgba(11,18,32,.76);
    white-space: nowrap;
    justify-self: start;
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="data"] > td > *:last-child,
  table.mobile-card-grid.reports-mobile-ready tr:not([data-submitted-row]) > td > *:last-child{
    justify-self: start !important;
    text-align: left !important;
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="data"] > td.mobile-action-source,
  table.mobile-card-grid.reports-mobile-ready tr:not([data-submitted-row]) > td.mobile-action-source{
    display: none !important;
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="data"] > td.mobile-actions-cell,
  table.mobile-card-grid.reports-mobile-ready tr:not([data-submitted-row]) > td.mobile-actions-cell{
    display: block !important;
    padding: .3rem .45rem .4rem .45rem !important;
    border-top: 1px solid rgba(15,23,42,.14) !important;
    background: rgba(255,255,255,.65) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="data"]:not(:nth-of-type(even)) > td.mobile-actions-cell,
  table.mobile-card-grid.reports-mobile-ready tr:not([data-submitted-row]):not(:nth-of-type(even)) > td.mobile-actions-cell{
    background: linear-gradient(rgba(255,255,255,.65), rgba(255,255,255,.65)), #d7e5f2 !important;
  }

  table.mobile-card-grid.reports-mobile-ready tr[data-submitted-row="data"] > td.mobile-actions-cell::before,
  table.mobile-card-grid.reports-mobile-ready tr:not([data-submitted-row]) > td.mobile-actions-cell::before{
    content: none !important;
  }

  table.mobile-card-grid.reports-mobile-ready .submitted-actions{
    display: grid;
    grid-template-rows: auto auto;
    row-gap: .15rem;
    width: 100% !important;
  }

  table.mobile-card-grid.reports-mobile-ready .submitted-actions-head,
  table.mobile-card-grid.reports-mobile-ready .submitted-actions-icons{
    display: grid;
    grid-template-columns: repeat(var(--submitted-action-cols, 3), minmax(0, 1fr));
    column-gap: .35rem;
    align-items: center;
    justify-content: stretch;
    justify-items: center;
    text-align: center;
    width: 100%;
  }

  table.mobile-card-grid.reports-mobile-ready .submitted-actions-head span{
    font-size: .72rem;
    font-weight: 700;
    color: rgba(11,18,32,.80);
    line-height: 1.1;
    white-space: nowrap;
  }

  table.mobile-card-grid.reports-mobile-ready .submitted-actions-icons{
    min-height: 24px;
    justify-items: center !important;
    text-align: center !important;
  }

  table.mobile-card-grid.reports-mobile-ready .submitted-action-proxy{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0;
    cursor: pointer;
  }

  table.mobile-card-grid.reports-mobile-ready .submitted-actions-icons img,
  table.mobile-card-grid.reports-mobile-ready .submitted-actions-icons input[type="image"]{
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    display: inline-block;
  }
}

table[id$="DataGridMiscActivity"] .dg-col-delete{
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
}

table[id$="DataGridMiscActivity"] .dg-col-date{
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
}

table[id$="DataGridMiscActivity"] .dg-col-action{
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

table[id$="DataGridMiscActivity"] .dg-col-goto{
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}

table[id$="DataGridMiscActivity"] .dg-col-city{
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}

table[id$="DataGridMiscActivity"] .dg-col-edit{
  width: 45px !important;
  min-width: 45px !important;
  max-width: 45px !important;
}

table[id$="DataGridMiscActivity"] .dg-col-comments{
  width: auto !important;
}

table[id$="DataGridDeletedHistory"] .dg-col-return{
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
}

table[id$="DataGridDeletedHistory"] .dg-col-report-type{
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

table[id$="DataGridZoneHistory"] .dg-col-delete{
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}

table[id$="DataGridZoneHistory"] .dg-col-date{
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

table[id$="DataGridZoneHistory"] .dg-col-amount{
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

table[id$="DataGridZoneHistory"] .dg-col-units{
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
}

table[id$="DataGridZoneHistory"] .dg-col-dumptype{
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
}

table[id$="DataGridZoneHistory"] .dg-col-county{
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}

table[id$="DataGridZoneHistory"] .dg-col-location{
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
}

table[id$="DataGridZoneHistory"] .dg-col-company{
  width: auto !important;
}

/* Modal styling to match site cards */
.modalWindow{
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 18px 36px rgba(2,6,23,.08);
  background: #ffffff;
  padding: 1rem;
}

.modalWindowHeader{
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  background: #111827;
  padding: .4rem .85rem;
  border-radius: 10px;
  letter-spacing: .02em;
  display: inline-block;
}

.modalWindow input[type="text"],
.modalWindow select,
.modalWindow textarea,
.modalWindow input[type="password"],
.modalWindow input[type="email"],
.modalWindow input[type="number"]{
  max-width: 100%;
  min-width: 0;
  padding: .5rem .6rem;
  border-radius: 10px;
  border: 1px solid rgba(15,23,42,.18);
  background: #ffffff;
  font-size: .9rem;
  box-sizing: border-box;
}

.modalWindow textarea{ min-height: 120px; resize: vertical; }

.modalWindow .cssbutton,
.modalWindow .cssbuttonexport{
  background: var(--ui-blue) !important;
  border: 1px solid var(--ui-blue) !important;
  color: #ffffff !important;
  padding: .4rem .9rem;
  min-height: 38px;
  height: 38px;
  border-radius: var(--ui-radius);
  font-weight: 700;
  background-image: none !important;
}

.modalWindow .cssbutton:hover,
.modalWindow .cssbuttonexport:hover,
.modalWindow .cssbutton:focus-visible,
.modalWindow .cssbuttonexport:focus-visible{
  background: var(--ui-blue-dark) !important;
  border-color: var(--ui-blue-dark) !important;
}

.modalWindow .modal-close-row{
  display: flex;
  justify-content: flex-end;
}

.modalWindow .modal-close{
  background: #ffffff !important;
  border-color: transparent !important;
  border: 1px solid transparent !important;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border-radius: 10px;
  font-size: 24px;
  line-height: 1;
  color: #000000 !important;
}

.modalWindow .modal-close:hover,
.modalWindow .modal-close:focus-visible{
  background: #ffffff !important;
  border-color: transparent !important;
}

#btnCloseEmailReport{
  background: #000000 !important;
  border-color: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
}

#btnCloseNotification{
  background: transparent !important;
  border-color: transparent !important;
  border: 1px solid transparent !important;
  color: #000000 !important;
}

#pnlNotification span,
#pnlNotification label{
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
}


table[id$="DataGridAssociatedItems"] tr:nth-child(2) td,
table[id$="DataGridAssociatedItems"] tr:nth-child(2) th,
table[id$="DataGridAssociatedItems"] tr:nth-child(2) td a,
table[id$="DataGridAssociatedItems"] tr:nth-child(2) th a{
  background: #ffffff !important;
  color: #0b1220 !important;
  font-weight: 400 !important;
}

table[id$="grdResellerPermit"] tbody tr:first-child td,
table[id$="grdResellerPermit"] tbody tr:first-child th,
table[id$="grdResellerPermit"] tbody tr:first-child td a{
  background: #ffffff !important;
  color: #0b1220 !important;
  font-weight: 400 !important;
}

/* SlideMenu theme icons are decorative; hide to avoid broken image placeholders. */
#leftmenu img.SMImageParent,
#leftmenu img.SMImageChild,
#leftmenu img[id^="__i"] {
  display: none !important;
}

/* Add breathing room when SlideMenu decorative icons are hidden. */
#leftmenu .SMParent,
#leftmenu .SMParentSelected,
#leftmenu .SMParentOver {
  background: #202636 !important;
  color: #ffffff !important;
  padding-left: 10px !important;
  box-sizing: border-box;
}

/* SlideMenu hover state: use the same light blue as alert blue. */
#leftmenu .SMParentOver,
#leftmenu .SMParentOver a,
#leftmenu .SMChildOver,
#leftmenu .SMChildOver a {
  background: #dbeafe !important;
  color: #0b1220 !important;
}

/* Remove any extra top gap between top nav and slide menu area. */
#leftmenu,
#leftmenu .SMMenu {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#contentwrapper,
#contentwrapper #leftmenu,
#maincontainer #contentwrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Pull the main content row up to sit flush under the top nav. */
#maincontainer > #contentwrapper {
  position: relative;
  top: -3px;
}

#leftmenu .SMMenu:first-child {
  margin-top: 0 !important;
}

#leftmenu .SMMenu {
  border-top: 1px solid #202636 !important;
}

/* Final alignment nudge: some legacy styles inject a small top gap. */
#maincontainer #leftmenu {
  margin-top: -5px !important;
}

#leftmenu > p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* Shared add/remove grid action icons (can be applied by JS globally). */
.rme-grid-action-icon{
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border-radius: .25em !important;
  border: 1px solid rgba(15,23,42,.18) !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

.rme-grid-jump-icon{
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border-radius: .25em !important;
  border: 1px solid rgba(15,23,42,.18) !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}