div[data-work-log-rate-limits] {
  background: rgba(127, 127, 127, 0.075);
  border: 1px solid rgba(127, 127, 127, 0.3);
  border-radius: 0.45em;
  box-sizing: border-box;
  margin: 0.65em 0;
  padding: 0.45em 0.7em;
}

details[data-work-log-day-section] {
  background-color: rgba(127, 127, 127, 0.045);
  border: 1px solid rgba(127, 127, 127, 0.25);
  border-radius: 0.45em;
  box-sizing: border-box;
  clear: both;
  display: flow-root;
  margin: 0.65em 0;
  padding: 0.4em 0.7em;
}

details[data-work-log-day-section][open] {
  background-color: rgba(127, 127, 127, 0.075);
  padding-bottom: 0.7em;
}

summary[data-work-log-day] {
  cursor: pointer;
  font-size: 1em;
  list-style: none;
}

summary[data-work-log-day]::-webkit-details-marker {
  display: none;
}

summary[data-work-log-day]::before {
  content: "▶ ";
}

details[open] > summary[data-work-log-day]::before {
  content: "▼ ";
}

span[data-day-usage-table] {
  border: 1px solid rgba(127, 127, 127, 0.45);
  border-radius: 0.25em;
  display: inline-flex;
  margin-left: 0.35em;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
}

span[data-day-usage-breakdown] {
  display: contents;
}

span[data-day-usage],
span[data-day-usage-part] {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 0.05em 0.4em;
}

span[data-day-usage] {
  width: 18ch;
}

span[data-day-usage-part] {
  border-left: 1px solid rgba(127, 127, 127, 0.45);
  display: inline-flex;
  justify-content: space-between;
  width: 22ch;
}

span[data-kilo-usage] {
  color: #e5c07b !important;
}

span[data-mega-usage] {
  color: #ff9d00 !important;
}

span[data-high-usage] {
  color: #f14c4c !important;
}

summary[data-task-usage] {
  border: 1px solid rgba(127, 127, 127, 0.45);
  border-radius: 0.25em;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0.3em 0.45em;
  white-space: nowrap;
  width: var(--work-log-task-card-width);
}

summary[data-task-usage]::-webkit-details-marker {
  display: none;
}

details[data-task-usage-details] {
  width: var(--work-log-task-card-width);
}

span[data-task-usage-breakdown] {
  border: 1px solid rgba(127, 127, 127, 0.45);
  border-radius: 0.25em;
  display: block;
  overflow: hidden;
  width: var(--work-log-task-card-width);
}

span[data-task-usage-part] {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 0.05em 0.4em;
  white-space: nowrap;
  width: 100%;
}

span[data-task-usage-part] + span[data-task-usage-part] {
  border-top: 1px solid rgba(127, 127, 127, 0.45);
}

div[data-work-log-table] {
  --work-log-task-card-width: 26ch;
  width: 100%;
}

div[data-work-log-header],
div[data-work-log-row] {
  display: grid;
  grid-template-columns: 28ch minmax(0, 1fr);
  width: 100%;
}

div[data-work-log-header] {
  border-bottom: 1px solid rgba(127, 127, 127, 0.65);
}

div[data-work-log-header] > strong,
div[data-work-log-task-cell],
div[data-work-log-turn-list] {
  min-width: 0;
  padding: 0.35em 0.5em;
}

div[data-work-log-body] > div[data-work-log-row] {
  border-bottom: 1px solid rgba(127, 127, 127, 0.3);
}

div[data-work-log-body] > div[data-work-log-row]:last-child {
  border-bottom: 0;
}

div[data-work-log-turn-table] {
  border: 1px solid rgba(127, 127, 127, 0.55);
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}

div[data-work-log-turn-table] > div[data-work-log-turn-entry] {
  margin: 0.35em;
}

div[data-work-log-turn-entry] + div[data-work-log-turn-entry],
div[data-work-log-turn-entry] + div[data-work-log-legacy-outcome] {
  margin-top: 0.35em;
}

details[data-work-log-previous-turns] {
  border-top: 1px solid rgba(127, 127, 127, 0.55);
  display: flex;
  flex-direction: column;
}

div[data-work-log-no-previous-turns] {
  border-bottom: 1px solid rgba(127, 127, 127, 0.55);
  padding: 0.3em 0.45em;
}

details[data-work-log-previous-turns] > summary {
  cursor: pointer;
  list-style: none;
  order: 2;
  padding: 0.3em 0.45em;
}

div[data-work-log-usage] > button[data-work-log-collapse-turns] {
  background: transparent;
  border: 1px solid rgba(127, 127, 127, 0.55);
  border-radius: 0.25em;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: none;
  font: inherit;
  margin: 0.35em 0 0;
  padding: 0.3em 0.45em;
  width: 100%;
}

div[data-work-log-row]:has(details[data-work-log-previous-turns][open])
  div[data-work-log-usage] > button[data-work-log-collapse-turns] {
  display: block;
}

details[data-work-log-previous-turns] > summary::-webkit-details-marker {
  display: none;
}

details[data-work-log-previous-turns] > summary::marker {
  content: "";
}

details[data-work-log-previous-turns] > summary [data-work-log-previous-turns-open] {
  display: none;
}

details[data-work-log-previous-turns][open] > summary {
  background: rgba(127, 127, 127, 0.08);
  border-top: 1px solid rgba(127, 127, 127, 0.55);
}

details[data-work-log-previous-turns][open] > summary [data-work-log-previous-turns-closed] {
  display: none;
}

details[data-work-log-previous-turns][open] > summary [data-work-log-previous-turns-open] {
  display: inline;
}

div[data-work-log-previous-turn-list] {
  order: 1;
  padding: 0.35em;
}

div[data-work-log-previous-turn-list] > div[data-work-log-turn-entry]
  + div[data-work-log-turn-entry] {
  margin-top: 0.35em;
}

details[data-work-log-turn-details] > summary {
  cursor: pointer;
  display: grid;
  grid-template-columns: 12em minmax(0, 1fr) auto;
  list-style: none;
  overflow-wrap: anywhere;
}

details[data-work-log-turn-details] {
  border: 1px solid rgba(127, 127, 127, 0.55);
  border-radius: 4px;
  overflow: hidden;
}

details[data-work-log-turn-details][open] {
  border: 2px solid var(--vscode-focusBorder, #007acc);
  box-shadow: inset 3px 0 0 var(--vscode-focusBorder, #007acc);
}

details[data-work-log-turn-details][open] > summary {
  background: rgba(127, 127, 127, 0.08);
  border-bottom: 1px solid rgba(127, 127, 127, 0.55);
}

details[data-work-log-turn-details] > summary::-webkit-details-marker {
  display: none;
}

details[data-work-log-turn-details] > summary::marker {
  content: "";
}

span[data-work-log-turn-meta],
span[data-work-log-turn-title],
div[data-work-log-turn-meta-details],
div[data-work-log-turn-body-details] {
  min-width: 0;
  padding: 0.3em 0.45em;
}

span[data-work-log-turn-title],
div[data-work-log-turn-body-details] {
  border-left: 1px solid rgba(127, 127, 127, 0.45);
}

span[data-work-log-turn-meta] {
  align-items: baseline;
  display: flex;
  font-size: 0.9em;
  gap: 0.5em;
  justify-content: space-between;
  white-space: nowrap;
}

span[data-work-log-turn-share] {
  margin-left: auto;
  text-align: right;
}

details[data-work-log-turn-details] > summary > button[data-open-turn] {
  align-self: stretch;
  background: transparent;
  border: 0;
  border-left: 1px solid rgba(127, 127, 127, 0.45);
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  font: inherit;
  line-height: 1;
  padding: 0.3em 0.5em;
}

details[data-work-log-turn-details] > summary > button[data-open-turn]:hover {
  background: rgba(127, 127, 127, 0.12);
}

details[data-work-log-turn-details] > summary > button[data-open-turn]:focus-visible {
  outline: 2px solid var(--vscode-focusBorder, #007acc);
  outline-offset: -2px;
}

div[data-work-log-turn-expanded] {
  display: grid;
  grid-template-columns: 12em minmax(0, 1fr);
}

div[data-work-log-turn-body],
div[data-work-log-turn-files] {
  overflow-wrap: anywhere;
}

div[data-work-log-turn-context],
div[data-work-log-turn-prompt] {
  font-size: 0.9em;
}

div[data-work-log-turn-facts] {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  min-width: 0;
}

div[data-work-log-turn-prompt] {
  margin-top: 0.35em;
  opacity: 0.85;
  overflow-wrap: anywhere;
}

div[data-work-log-turn-files] {
  margin-top: 0.45em;
}

details[data-work-log-turn-diff] {
  margin-top: 0.55em;
}

details[data-work-log-turn-diff] > summary {
  border: 1px solid rgba(127, 127, 127, 0.45);
  border-radius: 0.35em;
  cursor: pointer;
  display: inline-block;
  list-style: none;
  padding: 0.2em 0.55em;
}

details[data-work-log-turn-diff] > summary::-webkit-details-marker {
  display: none;
}

details[data-work-log-turn-diff] > summary::before {
  content: "▸ ";
}

details[data-work-log-turn-diff][open] > summary::before {
  content: "▾ ";
}

details[data-work-log-turn-diff] pre {
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(127, 127, 127, 0.35);
  border-radius: 0.35em;
  box-sizing: border-box;
  font-size: 0.82em;
  line-height: 1.45;
  margin: 0.45em 0 0;
  max-height: 34em;
  overflow: auto;
  padding: 0.55em 0;
  white-space: pre;
  width: 100%;
}

span[data-work-log-diff-line] {
  display: block;
  min-height: 1.45em;
  padding: 0 0.65em;
}

span[data-work-log-diff-line="file"] {
  color: #8ecbff;
  font-weight: 600;
}

span[data-work-log-diff-line="hunk"] {
  background: rgba(49, 131, 189, 0.18);
  color: #9cdcfe;
}

span[data-work-log-diff-line="added"] {
  background: rgba(46, 160, 67, 0.18);
  color: #b7f5c5;
}

span[data-work-log-diff-line="removed"] {
  background: rgba(248, 81, 73, 0.16);
  color: #ffc1bd;
}

div[data-work-log-legacy-outcome] {
  border: 1px solid rgba(127, 127, 127, 0.45);
  padding: 0.4em 0.45em;
}

div[data-work-log-turn-list] > details {
  margin-top: 0.3em;
}

div[data-work-log-task-cell] > div[data-work-log-task-content] {
  border: 1px solid rgba(127, 127, 127, 0.45);
  border-radius: 0.25em;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  padding: 0.3em 0.45em;
  width: var(--work-log-task-card-width);
}

div[data-work-log-task-content] > button[data-open-task] {
  background: transparent;
  border: 0;
  border-radius: 0.2em;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  display: block;
  font: inherit;
  margin: 0;
  overflow-wrap: anywhere;
  padding: 0;
  text-align: left;
  width: 100%;
}

div[data-work-log-task-content] > button[data-open-task]:hover {
  text-decoration: underline;
}

div[data-work-log-task-content] > button[data-open-task]:focus-visible {
  outline: 2px solid var(--vscode-focusBorder, #007acc);
  outline-offset: 1px;
}

div[data-work-log-task-cell] > div[data-work-log-usage] {
  margin-top: 0.35em;
}

div[data-work-log-task-cell] details[data-task-usage-details] {
  width: var(--work-log-task-card-width);
}