/* =========================================================
   FieldCore Operations UI Polish v1.0
   Home • Attendance • Inventory • Forms • Reports
   Presentation only — no business logic.
========================================================= */

:root{
  --ops-radius:16px;
  --ops-radius-sm:11px;
  --ops-border:#d9e4ea;
  --ops-text:#082d4b;
  --ops-muted:#60788b;
  --ops-soft:#f7fafb;
  --ops-teal:#0b8b82;
  --ops-teal-soft:#edf8f6;
}

/* ---------- Global operational page rhythm ---------- */
.home-main{
  padding-top:0;
}

.home-route-head{
  padding-top:22px !important;
  padding-bottom:16px !important;
  margin-bottom:0 !important;
}

.home-route-head .home-context,
.home-route-head .home-meta{
  display:none !important;
}

.home-route-head h1{
  margin:0 !important;
  font-size:clamp(32px,3vw,42px) !important;
  line-height:1.04 !important;
  letter-spacing:-.035em !important;
  color:var(--ops-text) !important;
}

.home-route-head .home-subtitle{
  margin-top:7px !important;
  max-width:700px;
  font-size:13px !important;
  line-height:1.5 !important;
  color:var(--ops-muted) !important;
}

/* One visual language for primary content cards */
.home-overview-section,
.home-quick-panel,
.attendance-card,
.forms-note-card,
.form-card,
.report-card,
.inventory-panel{
  border-radius:var(--ops-radius) !important;
}

/* ---------- Sidebar cleanup ---------- */
.home-sidebar-label,
.home-nav-label{
  /* Hide only generic section labels if the current shell uses them. */
}

.home-sidebar nav > p,
.home-sidebar .home-nav-title{
  display:none !important;
}

.home-sidebar{
  --sidebar-row-height:44px;
}

.home-nav a{
  min-height:44px !important;
}

/* ---------- Home ---------- */
.home-content{
  padding-top:4px !important;
}

.home-dashboard-row-primary{
  gap:18px !important;
}

.home-announcement{
  min-height:0 !important;
  padding:26px 28px 22px !important;
  border-radius:var(--ops-radius) !important;
}

.home-announcement-head{
  margin-bottom:16px !important;
}

.home-announcement p{
  line-height:1.65 !important;
  margin-bottom:22px !important;
}

.home-quick-panel{
  padding:24px !important;
}

.home-action-grid{
  gap:10px !important;
}

.home-action-grid a,
.home-action-grid button{
  min-height:84px !important;
  border-radius:12px !important;
}

.home-overview-section{
  margin-top:18px !important;
  padding:24px !important;
}

.home-panel-head h2{
  margin-top:3px !important;
}

.home-metric-grid{
  gap:12px !important;
}

.home-metric-card{
  min-height:108px !important;
  padding:18px !important;
  border-radius:13px !important;
}

/* ---------- Attendance ---------- */
.attendance-content{
  padding-top:0 !important;
}

.attendance-tabs{
  gap:10px !important;
  margin-bottom:14px !important;
}

.attendance-tab{
  min-height:44px !important;
  border-radius:11px !important;
  font-size:12px !important;
}

.attendance-card{
  padding:22px 24px !important;
  margin-bottom:14px !important;
}

.attendance-card-head{
  margin-bottom:16px !important;
}

.attendance-card-head h2{
  font-size:19px !important;
  line-height:1.2 !important;
}

.attendance-card-head p{
  margin-top:4px !important;
  font-size:12px !important;
}

.attendance-status-list{
  gap:8px !important;
  margin-bottom:14px !important;
}

.attendance-user-summary{
  border-radius:12px !important;
  padding:14px 16px !important;
}

.attendance-action-grid{
  gap:12px !important;
}

.attendance-button{
  min-height:52px !important;
  border-radius:10px !important;
}

/* ---------- Inventory ---------- */
/* Outer shell already says Inventory. Remove the duplicate inner heading. */
.inventory-panel-head{
  display:none !important;
}

.inventory-workspace{
  padding-top:0 !important;
}

.inventory-panel{
  padding:22px 24px !important;
  border:1px solid var(--ops-border) !important;
  box-shadow:0 10px 28px rgba(8,45,75,.055) !important;
}

.enc-v2-toolbar{
  gap:12px 14px !important;
}

.enc-v2-toolbar .field label{
  margin-bottom:6px !important;
  font-size:10px !important;
  letter-spacing:.06em !important;
}

.enc-v2-toolbar input,
.store-search-wrap input{
  min-height:44px !important;
  border-radius:10px !important;
}

.selected-summary{
  margin-top:8px !important;
}

.principal-tabs{
  gap:7px !important;
}

.principal-tabs button{
  min-height:38px !important;
  padding:0 13px !important;
  border-radius:999px !important;
}

.enc-v2-topline{
  margin-top:12px !important;
  padding-top:10px !important;
}

.inventory-mobile-filter-toggle{
  border-radius:10px !important;
}

/* ---------- Forms ---------- */
.forms-content{
  padding-top:0 !important;
}

.forms-section-head{
  min-height:32px !important;
  margin:0 0 10px !important;
  justify-content:flex-end !important;
}

.forms-section-head > div{
  display:none !important;
}

.forms-role{
  margin-left:auto !important;
}

.forms-grid{
  gap:14px !important;
}

.form-card{
  min-height:164px !important;
  padding:20px !important;
  box-shadow:0 7px 18px rgba(8,45,75,.035) !important;
}

.form-icon{
  width:42px !important;
  height:42px !important;
  margin-bottom:14px !important;
  border-radius:11px !important;
}

.form-title{
  font-size:17px !important;
  margin-bottom:5px !important;
}

.form-desc{
  font-size:12px !important;
  line-height:1.5 !important;
}

.form-card .tag{
  margin-top:14px !important;
}

.forms-note-card{
  margin-top:14px !important;
  padding:16px 18px !important;
}

.forms-footer{
  margin-top:14px !important;
  padding:10px 0 !important;
  opacity:.7;
}

/* ---------- Reports ---------- */
.reports-content{
  padding-top:0 !important;
}

.reports-section-head{
  min-height:32px !important;
  margin:0 0 10px !important;
  justify-content:flex-end !important;
}

.reports-section-head > div{
  display:none !important;
}

.reports-role{
  margin-left:auto !important;
}

.reports-grid{
  gap:14px !important;
}

.report-card{
  min-height:206px !important;
  padding:18px !important;
  box-shadow:0 7px 18px rgba(8,45,75,.035) !important;
}

.report-card h3,
.report-card .report-title{
  font-size:16px !important;
  line-height:1.25 !important;
}

.report-card p{
  font-size:12px !important;
  line-height:1.45 !important;
}

.report-card button,
.report-card .btn,
.report-card a[class*="button"]{
  min-height:40px !important;
  border-radius:9px !important;
}

/* ---------- Shared badges / chips ---------- */
.home-badge,
.forms-role,
.reports-role,
.badge-pill,
.pill{
  border-radius:999px !important;
}

/* ---------- Desktop content width consistency ---------- */
@media (min-width: 1100px){
  .home-main > .home-route-head,
  .home-main > .home-content,
  .home-main > .attendance-content,
  .home-main > .forms-content,
  .home-main > .reports-content{
    max-width:1160px;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 760px){
  .home-route-head{
    padding-top:14px !important;
    padding-bottom:12px !important;
  }

  .home-route-head h1{
    font-size:30px !important;
  }

  .attendance-card,
  .home-quick-panel,
  .home-overview-section,
  .inventory-panel{
    padding:18px !important;
  }

  .forms-grid,
  .reports-grid{
    gap:10px !important;
  }

  .form-card,
  .report-card{
    min-height:0 !important;
  }

  .forms-section-head,
  .reports-section-head{
    margin-bottom:8px !important;
  }
}


/* =========================================================
   Profile UX Consistency v1.0
========================================================= */

/* The drawer itself is already the Profile summary.
   Remove the redundant Profile navigation action.
   Settings is the only route to Account Center. */
#profilePanel #editProfileBtn{
  display:none !important;
}

/* Slightly cleaner compact account drawer */
.home-profile-drawer{
  border-radius:14px !important;
}

.home-profile-card{
  border-radius:11px !important;
}

.home-profile-actions{
  gap:2px !important;
}

.home-profile-actions button{
  min-height:38px !important;
}

/* Keep avatar initials perfectly circular throughout operational UI */
.home-avatar{
  aspect-ratio:1 / 1;
  border-radius:50% !important;
}