:root{--blue:#123b68;--blue2:#0b2d55;--bg:#f3f6fb;--card:#fff;--line:#d7deea;--text:#141d2f;--muted:#687386;--soft:#eef4fb;--danger:#b42318;--success:#0b7a34}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);padding-bottom:96px}.topbar{background:linear-gradient(135deg,var(--blue2),var(--blue));color:white;min-height:112px;display:flex;align-items:center;justify-content:center;padding:18px 16px;box-shadow:0 2px 12px rgba(0,0,0,.18);position:sticky;top:0;z-index:20}.brand-wrap{display:flex;align-items:center;gap:16px}.logo{height:48px;max-width:230px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:4px 0 0;color:#d8e3f2}.app-shell{max-width:1240px;margin:0 auto;padding:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 3px 12px rgba(16,42,76,.06)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.muted{color:var(--muted)}h2,h3{margin:0 0 12px}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(4,1fr)}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat strong{display:block;font-size:34px;color:var(--blue)}.stat span{font-weight:700;color:var(--muted)}button,.btn{background:var(--blue)!important;color:#fff!important;border:0;border-radius:12px;padding:13px 18px;font-weight:800;font-size:16px;cursor:pointer}button *, .btn *{color:#fff!important}.btn-secondary{background:#eef3fa!important;color:var(--blue)!important;border:1px solid var(--line)}.btn-secondary *{color:var(--blue)!important}.btn-danger{background:#fff!important;color:var(--danger)!important;border:1px solid #f1b5ae}.btn-danger *{color:var(--danger)!important}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:16px;background:#fff}label{font-weight:800;color:#39465c;font-size:13px;text-transform:uppercase;letter-spacing:.02em}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.line-item{border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0;background:#fbfdff}.hours3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{color:var(--muted);font-size:13px;text-transform:uppercase}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;gap:16px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));z-index:50}.nav-btn{background:#fff!important;color:var(--blue)!important;min-width:150px;border-radius:14px}.nav-btn.active{background:var(--blue)!important;color:#fff!important}.job-layout{display:grid;grid-template-columns:360px 1fr;gap:16px}.job-folder{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:10px;overflow:hidden}.job-folder-head{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:16px;cursor:pointer}.job-folder-head strong{font-size:18px;color:var(--blue2)}.job-number-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:14px 16px;border-top:1px solid var(--line);align-items:center;cursor:pointer}.job-number-row.active,.job-number-row:hover{background:var(--soft)}.badge{background:var(--soft);color:var(--blue);padding:6px 10px;border-radius:999px;font-weight:800}.week-card{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}.week-title{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:18px}.admin-only{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:10px;background:#fff}.modal{position:fixed;inset:0;background:rgba(5,14,28,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal-card{background:#fff;border-radius:18px;padding:20px;max-width:520px;width:100%;box-shadow:0 18px 60px rgba(0,0,0,.3)}.hidden{display:none!important}.notice{padding:12px;border-radius:10px;background:#eaf2ff;color:var(--blue);border:1px solid #bad2f4}.error{padding:12px;border-radius:10px;background:#fff1f0;color:var(--danger);border:1px solid #ffc5bf}.success{padding:12px;border-radius:10px;background:#edfff3;color:var(--success);border:1px solid #bde8c8}.actions{display:flex;gap:10px;flex-wrap:wrap}.nowrap{white-space:nowrap}@media(max-width:850px){.stats{grid-template-columns:repeat(2,1fr)}.job-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.nav-btn{min-width:auto;flex:1;font-size:13px}.logo{max-width:180px}.topbar h1{font-size:24px}.app-shell{padding:12px}.card{padding:14px}}@media(max-width:520px){.stats{grid-template-columns:1fr}.brand-wrap{flex-direction:column;text-align:center}.topbar{min-height:132px}.job-folder-head,.job-number-row{grid-template-columns:1fr auto}.hide-sm{display:none}}

/* Time/Job Tracker v1 mobile/PWA stabilization additions */
.hero-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 3px 12px rgba(16,42,76,.06);display:flex;align-items:center;justify-content:space-between;gap:14px}.dashboard-stats .stat-card{text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;background:#fff!important;color:var(--text)!important;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 3px 12px rgba(16,42,76,.06)}.dashboard-stats .stat-card strong{font-size:32px;color:var(--blue)!important;line-height:1}.dashboard-stats .stat-card span:not(.stat-icon){color:var(--muted)!important;font-weight:800}.stat-icon{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:var(--soft);font-size:24px}.hours-card{padding-bottom:92px}.hours-top{grid-template-columns:2fr 1fr auto!important}.quick-date-buttons{display:flex;gap:8px}.job-line-grid{grid-template-columns:1.4fr 1fr .6fr .6fr .6fr!important}.line-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sticky-save{position:sticky;bottom:84px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 28px rgba(16,42,76,.12);z-index:15}.note-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--line);cursor:pointer}.note-row:hover{background:var(--soft)}.note-modal textarea{margin-bottom:10px}.weekly-table th,.weekly-table td{text-align:center}.weekly-table th:first-child,.weekly-table td:first-child{text-align:left}.bottom-nav .nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px}
@media(max-width:700px){body{padding-bottom:86px}.topbar{min-height:104px;padding:12px}.brand-wrap{gap:10px}.logo{height:42px;max-width:160px}.topbar h1{font-size:22px}.topbar p{font-size:13px}.hero-card{flex-direction:column;align-items:stretch}.stats{grid-template-columns:1fr!important}.dashboard-stats .stat-card{grid-template-columns:auto 1fr;padding:16px}.app-shell{padding:10px}.card{border-radius:14px;margin-bottom:12px}.hours-top,.job-line-grid,.notes-form{grid-template-columns:1fr!important}.quick-date-buttons{display:grid;grid-template-columns:1fr 1fr}.sticky-save{bottom:78px;left:10px;right:10px}.job-layout{grid-template-columns:1fr!important}.job-folder-head{grid-template-columns:1fr auto!important}.job-number-row{grid-template-columns:1fr auto!important}.job-folder-head>span:last-child,.job-number-row>span:last-child{display:none}.week-title{flex-direction:column;align-items:flex-start;gap:8px}.table th,.table td{padding:10px 8px;font-size:14px}.bottom-nav{gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.nav-btn{font-size:12px!important;padding:10px 6px!important;border-radius:12px!important}.nav-btn::first-line{font-size:18px}.admin-only{align-items:flex-start;gap:10px;flex-direction:column}.actions{width:100%}.actions button{flex:1}}
.batch-line-grid{grid-template-columns:1fr 1.3fr 1fr .55fr .55fr .55fr!important}
@media(max-width:700px){.batch-line-grid{grid-template-columns:1fr!important}.hours-top{grid-template-columns:1fr!important}.sticky-save{align-items:stretch;flex-direction:column}.sticky-save button{width:100%}}
.employee-hours-filters{grid-template-columns:1.2fr .8fr 1fr 1fr!important}.employee-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.summary-pill{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px}.summary-pill span{display:block;color:var(--muted);font-weight:800;font-size:12px;text-transform:uppercase}.summary-pill b{display:block;color:var(--blue);font-size:24px}.day-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px}.mini-day{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.mini-day b,.mini-day span,.mini-day strong{display:block}.mini-day span{color:var(--muted);font-size:13px}.mini-day strong{color:var(--blue);font-size:20px;margin-top:4px}@media(max-width:700px){.employee-hours-filters,.employee-summary-grid{grid-template-columns:1fr!important}.bottom-nav{gap:3px}.nav-btn span{font-size:10px}.nav-btn{padding:9px 4px!important}}


/* Bottom Navigation Fix */
.bottom-nav .nav-btn{
    background:#ffffff !important;
    color:var(--blue) !important;
}
.bottom-nav .nav-btn i,
.bottom-nav .nav-btn span,
.bottom-nav .nav-btn svg{
    color:var(--blue) !important;
    fill:var(--blue) !important;
}
.bottom-nav .nav-btn.active{
    background:var(--blue) !important;
    color:#ffffff !important;
}
.bottom-nav .nav-btn.active i,
.bottom-nav .nav-btn.active span,
.bottom-nav .nav-btn.active svg{
    color:#ffffff !important;
    fill:#ffffff !important;
}

/* Photo Attachments */
.photo-section{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:12px 0}
.photo-thumb{border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff;display:flex;flex-direction:column;gap:6px}
.photo-thumb img{width:100%;height:110px;object-fit:cover;border-radius:10px;background:#eef3fa}
.photo-thumb small{color:var(--muted);font-size:12px;line-height:1.25}
.small-btn{padding:8px 10px!important;font-size:13px!important;border-radius:9px!important}
@media(max-width:700px){.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-thumb img{height:125px}.note-modal{max-height:92vh;overflow:auto}}


/* Note Modal Escape/Visibility Fix */
.note-modal,
.modal,
.note-viewer,
.note-editor-modal {
  max-height: 92vh !important;
  overflow-y: auto !important;
}

.modal-content,
.note-modal-content,
.note-viewer-content,
.note-editor-content {
  max-height: 88vh !important;
  overflow-y: auto !important;
  padding-bottom: 92px !important;
}

.modal-header,
.note-modal-header,
.note-viewer-header,
.note-editor-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  background: #ffffff !important;
  border-bottom: 1px solid #d8dee9 !important;
}

.modal-footer,
.note-modal-footer,
.note-viewer-footer,
.note-editor-footer {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 50 !important;
  background: #ffffff !important;
  border-top: 1px solid #d8dee9 !important;
  padding: 12px !important;
}

.note-close-btn,
.modal-close,
.close-modal,
button[data-close-modal],
button[data-action="close-note"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 10px !important;
  background: #0f3767 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Emergency close button injected by JS */
#noteEmergencyCloseBtn {
  position: fixed !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 99999 !important;
  background: #0f3767 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  width: 48px !important;
  height: 48px !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.25) !important;
}


/* New Note Photo Upload */
.new-note-photo-section{
  margin-top:16px;
  padding:14px;
  border:1px solid #d8dee9;
  border-radius:14px;
  background:#f8fbff;
}
.new-note-photo-section input[type="file"]{
  width:100%;
  padding:12px;
  border:1px dashed #9bb0c8;
  border-radius:12px;
  background:#fff;
}