/* Attendance: the clock and its filters share the page's left edge. */
#content[data-a-route=attendance] .at-server {
  min-width: 0; padding: 0; background: transparent; border: 0; border-radius: 0; text-align: end;
}
#content[data-a-route=attendance] .at-server strong { margin: 2px 0; font-size: 15px; font-variant-numeric: tabular-nums; }
#content[data-a-route=attendance] .at-filters {
  padding: 0; margin: 0 0 20px; border: 0; border-radius: 0; background: transparent; gap: 10px 16px;
}
#content[data-a-route=attendance] .at-filters label { min-width: 0; flex: 1 1 125px; max-width: 205px; }
#content[data-a-route=attendance] .at-quick { padding: 0; background: transparent; }
#content[data-a-route=attendance] .at-quick button { color: var(--ga-green); font-weight: 550; }
#content[data-a-route=attendance] .at-quick button:hover { text-decoration: underline; }
#content[data-a-route=attendance] .at-metrics,
#content[data-a-route=marketIntel] .mi-stats {
  gap: 0; margin: 16px 0 24px; padding: 15px 0; border-block: 1px solid var(--ga-line);
}
#content[data-a-route=attendance] .at-metric,
#content[data-a-route=marketIntel] .mi-stats article {
  min-width: 0; padding: 0 clamp(10px,1.5vw,22px); border: 0; border-radius: 0;
  background: transparent; color: var(--ga-ink);
}
#content[data-a-route=attendance] .at-metric + .at-metric,
#content[data-a-route=marketIntel] .mi-stats article + article { border-inline-start: 1px solid var(--ga-line); }
#content[data-a-route=attendance] .at-metric:first-child,
#content[data-a-route=marketIntel] .mi-stats article:first-child { padding-inline-start: 0; }
#content[data-a-route=attendance] .at-metric span,
#content[data-a-route=marketIntel] .mi-stats :is(span,small) { color: var(--ga-sub); }
#content[data-a-route=attendance] .at-metric strong,
#content[data-a-route=marketIntel] .mi-stats strong {
  margin-block-start: 3px; color: var(--ga-ink); font: 740 clamp(28px,2.5vw,40px)/1.08 var(--ga-font);
  font-variant-numeric: tabular-nums; letter-spacing: -.05em;
}
#content[data-a-route=attendance] .at-metric:first-child strong,
#content[data-a-route=marketIntel] .mi-stats article:first-child strong { color: var(--ga-green); }
#content[data-a-route=attendance] .at-table-wrap { border: 0; border-radius: 0; border-bottom: 1px solid var(--ga-line); }
#content[data-a-route=attendance] .at-sessions { gap: 0; align-content: start; }
#content[data-a-route=attendance] :is(.at-device-card,.at-session,.at-help) { padding: 17px 0 !important; }
#content[data-a-route=attendance] .at-help h2 { margin: 4px 0 13px; }
#content[data-a-route=attendance] .at-help .btn { width: auto; }
#content[data-a-route=attendance] .at-session-top { align-items: baseline; }
#content[data-a-route=attendance] .at-punch-times {
  margin: 16px 0; padding: 13px 0; background: transparent; border-radius: 0; border-block: 1px solid var(--ga-line);
}
#content[data-a-route=attendance] .at-punch-times > div { min-width: 0; text-align: start; }
#content[data-a-route=attendance] .at-punch-times > div + div { padding-inline-start: 16px; border-color: var(--ga-line); }
#content[data-a-route=attendance] .at-punch-times strong { color: var(--ga-ink); font-weight: 720; }
#content[data-a-route=attendance] .at-punch-times span { margin-bottom: 4px; }
#content[data-a-route=attendance] :is(.at-clock-actions,.at-request-actions) { display: flex; flex-wrap: wrap; gap: 8px; }
#content[data-a-route=attendance] .at-clock { min-height: 40px !important; border-radius: 4px !important; font-size: 14px !important; padding-inline: 20px; }
#content[data-a-route=attendance] .at-device-card .at-note { margin: 0 !important; }
#content[data-a-route=attendance] .at-session-foot { margin-top: 12px; }

/* Settings use the section rail; each section is still its own real form. */
#content[data-a-route=attendance] .at-settings { display: block; }
#content[data-a-route=attendance] .at-setting {
  display: grid; grid-template-columns: minmax(155px, .35fr) minmax(0,1fr); align-items: start; gap: 9px 24px;
  padding: 19px 0 !important;
}
#content[data-a-route=attendance] .at-setting > h2 { margin: 0; font-size: 16px; }
#content[data-a-route=attendance] .at-setting > :not(h2) { grid-column: 2; min-width: 0; max-width: 760px; }
#content[data-a-route=attendance] .at-setting form { width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 18px; }
#content[data-a-route=attendance] .at-setting form > :is(fieldset,div,p,button,.at-check,label:has(textarea),label:has(select[multiple])) { grid-column: 1 / -1; }
#content[data-a-route=attendance] .at-setting form > button { justify-self: start; }
#content[data-a-route=attendance] .at-setting .at-form label { min-width: 0; }
#content[data-a-route=attendance] .at-setting .at-check { align-self: center; }
#content[data-a-route=attendance] .at-weekdays,
#content[data-a-route=attendance] .at-segment {
  margin: 0; padding: 9px 0 0; border: 0; border-top: 1px solid var(--ga-line); border-radius: 0; background: transparent;
}
#content[data-a-route=attendance] .at-weekdays legend { padding-inline-end: 8px; }
#content[data-a-route=attendance] .at-segment + .at-segment { margin-top: 15px; }
:is(#content[data-a-route=attendance],#modalRoot[data-a-route=attendance]) .at-detail-grid { gap: 0 18px; margin: 14px 0; }
:is(#content[data-a-route=attendance],#modalRoot[data-a-route=attendance]) .at-detail-grid > div {
  border-bottom: 1px solid var(--ga-line); border-radius: 0; padding: 10px 0; background: transparent;
}
:is(#content[data-a-route=attendance],#modalRoot[data-a-route=attendance]) .at-request {
  padding: 14px 0; margin: 0; border: 0; border-top: 1px solid var(--ga-line); border-radius: 0;
}
:is(#content[data-a-route=attendance],#modalRoot[data-a-route=attendance]) :is(.at-banner,.at-feedback,.at-error,.at-exception-note,.at-gps-evidence) {
  border-radius: 0; border: 0; border-inline-start: 3px solid currentColor; padding: 7px 12px;
}

/* Market prices: a table for quotes, numbered instructions for intake, and a file picker in the form flow. */
#content[data-a-route=marketIntel] .mi-app { color: var(--ga-ink); }
#content[data-a-route=marketIntel] .mi-daily-panel { border-top: 0 !important; padding-top: 0 !important; }
#content[data-a-route=marketIntel] :is(.mi-daily-toolbar,.mi-daily-caption) { padding: 10px 0 13px; }
#content[data-a-route=marketIntel] .mi-daily-caption > span,
#content[data-a-route=marketIntel] .mi-live {
  border: 0; border-radius: 0; background: transparent; color: var(--ga-sub); padding: 0;
}
#content[data-a-route=marketIntel] .mi-stats .mi-rule-stat i { color: var(--ga-green); }
#content[data-a-route=marketIntel] .mi-template-fields,
#content[data-a-route=marketIntel] .mi-chat-steps {
  gap: 0; border: 0; border-block: 1px solid var(--ga-line); background: transparent; border-radius: 0;
  padding: 14px 0; margin: 16px 0 20px;
}
#content[data-a-route=marketIntel] .mi-template-fields span { padding: 0 14px; text-align: start; background: transparent; color: var(--ga-ink); }
#content[data-a-route=marketIntel] .mi-chat-steps > div { padding: 0 16px; grid-template-columns: 22px minmax(0,1fr); gap: 2px 10px; }
#content[data-a-route=marketIntel] .mi-template-fields span + span,
#content[data-a-route=marketIntel] .mi-chat-steps > div + div { border-inline-start: 1px solid var(--ga-line); }
#content[data-a-route=marketIntel] .mi-template-fields span:first-child,
#content[data-a-route=marketIntel] .mi-chat-steps > div:first-child { padding-inline-start: 0; }
#content[data-a-route=marketIntel] .mi-chat-steps b { align-self: baseline; color: var(--ga-green); font: 600 13px/1.6 var(--ga-mono); }
#content[data-a-route=marketIntel] .mi-chat-steps span { color: var(--ga-sub); }
#content[data-a-route=marketIntel] .mi-upload { margin-inline: 0; max-width: 940px; }
#content[data-a-route=marketIntel] .mi-drop {
  width: fit-content; max-width: 100%; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center;
  gap: 4px 12px; padding: 6px 0; margin: 8px 0 10px; border: 0; border-radius: 0; background: transparent; color: var(--ga-sub);
}
#content[data-a-route=marketIntel] .mi-drop .mi-drop-icon { display: none; }
#content[data-a-route=marketIntel] .mi-drop strong {
  display: inline-flex; align-items: center; min-height: 39px; padding: 7px 12px; border: 1px solid var(--ga-line);
  border-radius: 4px; color: var(--ga-green); background: var(--ga-paper); font-size: 13px; font-weight: 600;
}
#content[data-a-route=marketIntel] .mi-drop:hover strong { border-color: var(--ga-green); }
#content[data-a-route=marketIntel] .mi-capture-list { gap: 0; }
#content[data-a-route=marketIntel] :is(.mi-capture-row,.mi-capture-card) { border: 0; border-radius: 0; background: transparent; }
#content[data-a-route=marketIntel] .mi-capture-row { border-bottom: 1px solid var(--ga-line); }
#content[data-a-route=marketIntel] .mi-capture-card { padding: 10px 4px 10px 0; }
#content[data-a-route=marketIntel] :is(.mi-capture-card,.mi-chat-batch):hover { background: var(--ga-soft); }
#content[data-a-route=marketIntel] .mi-capture-card img { width: 64px; height: 48px; border-radius: 0; }
#content[data-a-route=marketIntel] .mi-chat-batch-icon { background: none; color: var(--ga-green); border-radius: 0; width: auto; height: auto; font-size: 19px; }
#content[data-a-route=marketIntel] .mi-workflow,
#content[data-a-route=marketIntel] .mi-record-form,
#content[data-a-route=marketIntel] .mi-chat-confirm {
  background: transparent; border: 0; border-block-start: 1px solid var(--ga-line); border-radius: 0; padding: 15px 0; color: var(--ga-ink);
}
#content[data-a-route=marketIntel] .mi-workflow b { border-radius: 0; background: transparent; color: var(--ga-green); }
#content[data-a-route=marketIntel] :is(.mi-chat-review-note,.mi-notice) {
  background: transparent; border: 0; border-inline-start: 2px solid var(--ga-green); border-radius: 0; padding: 4px 12px; color: var(--ga-sub);
}
#content[data-a-route=marketIntel] :is(.mi-warning,.mi-message) {
  border: 0; border-radius: 0; border-inline-start: 3px solid currentColor; padding: 8px 12px;
}
#content[data-a-route=marketIntel] .mi-evidence img { border-radius: 0; background: var(--ga-soft); }
.mi-source-dialog .mi-source-photo { padding: 12px 0; border-radius: 0; background: transparent; border-block: 1px solid var(--ga-line); }
.mi-source-dialog .mi-source-info dt { color: var(--ga-sub); margin-top: 10px; }
.mi-source-dialog .mi-source-info dd { border-bottom: 1px solid var(--ga-line); padding-bottom: 8px; }
#content[data-a-route=marketIntel] .mi-empty { text-align: left; padding: 22px 0; }
#content[data-a-route=marketIntel] .mi-empty > span { display: none; }
#content[data-a-route=marketIntel] .mi-empty h3 { font-size: 15px; margin: 0 0 4px; }
#content[data-a-route=marketIntel] .mi-empty :is(p,h3) { color: var(--ga-sub); }

@media (max-width:1000px) {
  #content[data-a-route=attendance] .at-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 0; }
  #content[data-a-route=attendance] .at-metric:nth-child(3n+1) { border-inline-start: 0; padding-inline-start: 0; }
}
@media (max-width:700px) {
  #content[data-a-route=attendance] .at-server { text-align: start; }
  #content[data-a-route=attendance] .at-server strong { display: inline; font-size: 12px; margin-inline: 5px; }
  #content[data-a-route=attendance] .at-server small { display: inline; }
  #content[data-a-route=attendance] .at-setting { display: block; }
  #content[data-a-route=attendance] .at-setting > h2 { margin-bottom: 12px; }
  #content[data-a-route=attendance] .at-setting form { grid-template-columns: minmax(0,1fr); }
  #content[data-a-route=attendance] .at-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  #content[data-a-route=attendance] .at-filters label { max-width: none; }
  #content[data-a-route=attendance] .at-quick { justify-self: start; }
  #content[data-a-route=attendance] .at-clock { min-height: 44px !important; }
  #content[data-a-route=attendance] .at-request-actions { align-items: stretch; }
  #content[data-a-route=marketIntel] .mi-chat-steps { gap: 12px; }
  #content[data-a-route=marketIntel] .mi-chat-steps > div { padding: 0; }
  #content[data-a-route=marketIntel] .mi-chat-steps > div + div { border-inline-start: 0; }
  #content[data-a-route=marketIntel] .mi-stats { row-gap: 12px; }
}
@media (max-width:600px) {
  #content[data-a-route=marketIntel] .mi-four-table tr { padding: 12px 0; }
  #content[data-a-route=marketIntel] .mi-template-fields { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 10px; }
  #content[data-a-route=marketIntel] .mi-template-fields span:nth-child(odd) { padding-inline-start: 0; border-inline-start: 0; }
  #content[data-a-route=marketIntel] .mi-drop { grid-template-columns: minmax(0,1fr); justify-items: start; }
}