/* workspace-interiors.css, the rules scoped to the timesheet page: loads with the first visit of that page (data-rattib-style="timesheet" in index.html) and sits right after the shell part in the cascade. Source order is the parent sheet's. */
/* 11 Time: real tracked time, billing and cost totals retain their units. */
html[data-rattib-material="glass"] .workspace-framed #panel-timesheet .time-totals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; padding: 0; margin-block: 24px; border: 0; background: transparent; background-image: none; box-shadow: none; }
html[data-rattib-material="glass"] .workspace-framed #panel-timesheet .time-total-card { display: grid; gap: 14px; padding: 22px; border: 1px solid var(--border); border-radius: 12px; background: var(--card); min-inline-size: 0; }
html[data-rattib-material="glass"] .workspace-framed #panel-timesheet .time-total-label { font-size: 13px; color: var(--muted); }
html[data-rattib-material="glass"] .workspace-framed #panel-timesheet .time-total-value { font-size: 25px; line-height: 1.3; font-weight: 600; overflow-wrap: anywhere; }
html[data-rattib-material="glass"] .workspace-framed #panel-timesheet .time-total-card:first-child .time-total-value { color: var(--green); }
html[data-rattib-material="glass"] .workspace-framed #panel-timesheet .time-allocation { gap: 16px; padding: 16px 20px; }
html[data-rattib-material="glass"] .workspace-framed #panel-timesheet .time-list { border-radius: 14px; }
@media (max-width: 700px) {
  html[data-rattib-material="glass"] .workspace-framed #panel-timesheet .time-totals { grid-template-columns: minmax(0,1fr); gap: 10px; }
  html[data-rattib-material="glass"] .workspace-framed #panel-timesheet .time-total-card { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 18px; }
  html[data-rattib-material="glass"] .workspace-framed #panel-timesheet .time-total-value { font-size: 22px; }
}