/*
Theme Name: System 6 Theme
Theme URI: https://system6group.com
Author: Pixelle Agency / System 6 Group
Description: Custom premium WordPress theme for System 6 Group.
Version: 4.2.60
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: system6
*/

/* Hours employees use one compact upper portal bar. */
.s6-header--hours-employee .s6-nav {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  margin-left: auto;
}

.s6-header--hours-employee .s6-nav a {
  padding: 11px 15px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .04);
}

.s6-header--hours-employee .s6-nav a.is-active {
  border-color: rgba(142, 196, 63, .48);
  background: rgba(142, 196, 63, .14);
}

.s6-header--hours-employee .s6-header-actions {
  display: none;
}

.s6-header--hours-employee,
.s6-header--hours-employee .s6-header__inner,
.s6-header--hours-employee .s6-nav {
  min-width: 0;
  box-sizing: border-box;
}

.s6-header--hours-employee .s6-header__inner {
  width: 100%;
  overflow: hidden;
}

.s6-header--hours-employee ~ .s6os-shell,
.s6-header--hours-employee ~ .s6-employee-portal {
  padding-top: 108px;
}

@media (max-width: 680px) {
  .s6-header--hours-employee {
    padding: 10px 10px 0;
  }

  .s6-header--hours-employee .s6-header__inner {
    gap: 10px;
    padding: 9px 11px;
    border-radius: 22px;
  }

  .s6-header--hours-employee .s6-logo,
  .s6-header--hours-employee .s6-logo__custom {
    flex: 0 1 112px;
    width: 112px;
    min-width: 0;
  }

  .s6-header--hours-employee .s6-logo img,
  .s6-header--hours-employee .s6-logo svg {
    max-width: 112px;
    height: auto;
  }

  .s6-header--hours-employee .s6-nav {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
    gap: 5px;
  }

  .s6-header--hours-employee .s6-nav a {
    flex: 0 1 auto;
    min-width: 0;
    padding: 9px 7px;
    font-size: 8px;
    letter-spacing: .09em;
    white-space: nowrap;
  }

  .s6-header--hours-employee ~ .s6os-shell,
  .s6-header--hours-employee ~ .s6-employee-portal {
    padding-top: 92px;
  }
}

body.s6-daily-logs-page {
  overflow-x: hidden;
}

.s6-daily-logs-page .s6os-shell,
.s6-daily-logs-page .s6daily-section,
.s6-daily-logs-page .s6daily-layout,
.s6-daily-logs-page .s6daily-entry-panel,
.s6-daily-logs-page .s6daily-form,
.s6-daily-logs-page .s6daily-form-grid,
.s6-daily-logs-page .s6daily-form label,
.s6-daily-logs-page .s6daily-form input,
.s6-daily-logs-page .s6daily-form select,
.s6-daily-logs-page .s6daily-form textarea {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.s6-daily-logs-page .s6daily-section,
.s6-daily-logs-page .s6daily-layout,
.s6-daily-logs-page .s6daily-entry-panel {
  width: 100%;
}

.s6-daily-logs-page .s6daily-visit {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 480px) {
  .s6-header--hours-employee .s6-header__inner {
    gap: 6px;
    padding-inline: 9px;
  }

  .s6-header--hours-employee .s6-logo,
  .s6-header--hours-employee .s6-logo__custom {
    flex-basis: 102px;
    width: 102px;
  }

  .s6-header--hours-employee .s6-logo img,
  .s6-header--hours-employee .s6-logo svg {
    max-width: 102px;
  }

  .s6-header--hours-employee .s6-nav a {
    padding: 8px 6px;
    font-size: 7.5px;
    letter-spacing: .06em;
  }

  .s6-daily-logs-page .s6daily-section {
    padding-inline: 10px;
  }

  .s6-daily-logs-page .s6daily-entry-panel {
    padding-inline: 14px;
  }

  .s6-daily-logs-page .s6daily-form input[type="date"],
  .s6-daily-logs-page .s6daily-form input[type="time"] {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    overflow: hidden;
    -webkit-appearance: none;
    appearance: none;
    -webkit-min-logical-width: 0;
  }

  .s6-daily-logs-page .s6daily-form-grid > label {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  .s6-daily-logs-page .s6daily-form input[type="date"]::-webkit-date-and-time-value,
  .s6-daily-logs-page .s6daily-form input[type="time"]::-webkit-date-and-time-value,
  .s6-daily-logs-page .s6daily-form input[type="date"]::-webkit-datetime-edit,
  .s6-daily-logs-page .s6daily-form input[type="time"]::-webkit-datetime-edit {
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  .s6-daily-logs-page .s6daily-visit label {
    margin: 0 6px 6px 0;
  }
}

.s6daily-layout--entry-only {
  grid-template-columns: minmax(0, 680px);
  justify-content: center;
}

.s6daily-layout--entry-only .s6daily-entry-panel {
  position: static;
}


/* System 6 OS Dropbox settings */
.s6os-dropbox-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 22px;
  align-items: start;
}
.s6os-dropbox-card,
.s6os-dropbox-help {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 16px 34px rgba(0,0,0,.18);
}
.s6os-dropbox-card h3,
.s6os-dropbox-help h3 { margin-top: 0; }
.s6os-dropbox-actions { margin-top: 14px; }
.s6os-dropbox-notice {
  margin: 0 0 18px;
  padding: 13px 16px;
  border-radius: 14px;
  font-weight: 800;
  border: 1px solid rgba(142,196,63,.35);
  background: rgba(142,196,63,.12);
  color: #dff5c4;
}
.s6os-dropbox-notice.is-error {
  border-color: rgba(255,92,92,.45);
  background: rgba(255,92,92,.12);
  color: #ffd0d0;
}
.s6os-dropbox-help {
  margin-top: 22px;
}
.s6os-dropbox-help code {
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 6px;
  padding: 2px 6px;
}
@media (max-width: 900px) {
  .s6os-dropbox-grid { grid-template-columns: 1fr; }
}

/* Dropbox job folder status display */
.s6os-dropbox-state code {
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.s6os-dropbox-state--connected .s6os-status-dot,
.s6os-dropbox-state--partial .s6os-status-dot {
  background: var(--s6-green, #8EC43F);
  box-shadow: 0 0 0 4px rgba(142,196,63,.14);
}
.s6os-dropbox-state--error .s6os-status-dot {
  background: #ff5c5c;
  box-shadow: 0 0 0 4px rgba(255,92,92,.14);
}
.s6os-dropbox-state--not_configured .s6os-status-dot,
.s6os-dropbox-state--not-connected .s6os-status-dot,
.s6os-dropbox-state--not_connected .s6os-status-dot {
  background: rgba(255,255,255,.38);
}


/* v3.8.121: employee portal secondary navigation. Finally, a map for the maze. */
.s6os-portal-subnav{
  position:sticky;
  top:0;
  z-index:70;
  padding:12px clamp(16px,4vw,42px);
  background:linear-gradient(180deg, rgba(8,12,10,.96), rgba(8,12,10,.88));
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
body.admin-bar .s6os-portal-subnav{
  top:32px;
}
.s6os-portal-subnav__inner{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
  max-width:1480px;
  margin:0 auto;
}
.s6os-portal-subnav__inner::-webkit-scrollbar{
  display:none;
}
.s6os-portal-subnav__link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:rgba(244,247,241,.76);
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.s6os-portal-subnav__link:hover{
  color:#fff;
  border-color:rgba(142,196,63,.36);
  background:rgba(142,196,63,.10);
  transform:translateY(-1px);
}
.s6os-portal-subnav__link.is-active{
  color:#10160e;
  background:#8ec43f;
  border-color:#8ec43f;
  box-shadow:0 10px 28px rgba(142,196,63,.22);
}
@media(max-width:782px){
  body.admin-bar .s6os-portal-subnav{
    top:46px;
  }
  .s6os-portal-subnav{
    padding:10px 14px;
  }
  .s6os-portal-subnav__link{
    min-height:34px;
    padding:7px 12px;
    font-size:.72rem;
  }
}

.s6os-file-list{display:grid;gap:10px;padding:4px 0}
.s6os-file-list-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #dde2da;border-radius:10px;background:#fff;color:#242824;text-decoration:none}
.s6os-file-list-row:hover{border-color:#8ec43f;background:#f8fbf5}
.s6os-file-list-row span{display:grid;gap:4px;min-width:0}
.s6os-file-list-row strong{overflow-wrap:anywhere}
.s6os-file-list-row small{color:#747b72;font-size:12px}
.s6os-file-list-row b{flex:0 0 auto;color:#5f812f;font-size:12px;text-transform:uppercase;letter-spacing:.45px}

.s6os-job-media-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.s6os-job-media-separator{display:block;width:1px;height:26px;margin:0 4px;background:#d8ddd5;flex:0 0 1px}
@media (max-width:760px){
  .s6os-job-media-actions{overflow-x:auto;padding-bottom:4px}
  .s6os-job-media-actions .s6os-photo-stage-btn{flex:0 0 auto}
}
/* v3.9.65 lightweight cash-job tracking */
.s6os-cash-summary{grid-template-columns:repeat(5,minmax(0,1fr));margin:18px 0}.s6os-cash-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.s6os-cash-history-grid .s6os-invoice-dashboard-table-head,.s6os-cash-history-grid .s6os-invoice-dashboard-row{grid-template-columns:.7fr 1fr 1fr 1fr}@media(max-width:900px){.s6os-cash-summary{grid-template-columns:1fr 1fr}.s6os-cash-history-grid{grid-template-columns:1fr}}