/* Own layout only; ERP tokens and the factory search component remain authoritative. */
/* followup-tools-peter-v1: reuse the same tab component inside native tool shells. */
main#main .gc-followup-tools-header {flex:0 0 auto;min-width:0;max-width:100%;margin-bottom:16px}
main#main :has(> .gc-followup-tools-header) > .gc-workbench-tool-header,
main#main :has(> .gc-followup-tools-header) .gc-sdf-back-ai {display:none!important}
main#main .gc-followup-tools-header .gc-followup-primary-tabs button {border-radius:0!important;background:transparent!important;box-shadow:none!important}
/* Match the existing followup content inset; tool interiors retain their own scroll owners. */
html body main#main:has(#gc-followup-tools-header) {padding:12px 16px 16px var(--gc-page-inset-desktop,36px)!important}
html body main#main > .ci-network-page:has(> #gc-followup-tools-header) {padding:0!important}
@media(min-width:721px) and (max-width:900px) {
  html body:has(#gc-followup-tools-header) #gcAdminPageHead {display:none!important}
  html body main#main:has(#gc-followup-tools-header) {margin-right:4px!important}
}
@media(max-width:900px) {
  html body main#main:has(#gc-followup-tools-header) {padding:12px 12px 16px var(--gc-page-inset-tablet,18px)!important}
  main#main .gc-followup-tools-header {padding-left:14px}
}
@media(max-width:720px) {
  html body main#main:has(#gc-followup-tools-header) {padding-left:var(--gc-page-inset-mobile,12px)!important}
}
/* record-adaptive-ledger-all-v7: use the existing public history heading language.
 * Invoice DOM boundaries and exact cycle buttons remain intact. */
main#main .gc-followup-records-compact {container-type:inline-size}
main#main .gc-followup-records-compact .gc-history-group-head {width:100%;font-family:var(--font-sans);text-align:left}
main#main .gc-followup-records-compact .gc-followup-package.gc-history-group {border:0;border-radius:0;background:transparent;margin-bottom:18px;overflow:visible}
main#main .gc-followup-records-compact .gc-followup-package-body:not([hidden]) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;padding:0 14px 12px;align-items:start}
main#main .gc-followup-records-compact .gc-followup-record-date-head::before {display:none}
main#main .gc-followup-records-compact .gc-followup-invoice {display:contents}
main#main .gc-followup-records-compact .gc-followup-invoice-head {grid-column:1 / -1;border-top:1px solid var(--line);padding-top:8px}
main#main [data-followup-primary="records"].gc-followup-records-compact .gc-followup-brand {margin:0;border:0;container-type:inline-size}
main#main .gc-followup-records-compact .gc-followup-brand-head {gap:8px;padding:0 0 6px}
main#main .gc-followup-records-compact .gc-followup-record-logistics {display:flex;flex-wrap:wrap;gap:4px 24px;margin-bottom:12px;color:var(--gc-ledger-color-secondary);font-size:var(--gc-ledger-type-secondary-size)}
main#main .gc-followup-records-compact .gc-followup-record-logistics .gc-followup-ticket-warehouse {flex-basis:auto;white-space:normal;overflow-wrap:anywhere}
main#main .gc-followup-records-compact .gc-followup-brand small.gc-followup-brand-tracking {margin:0}
main#main .gc-followup-records-compact .gc-followup-ledger {border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg-elevated,#fff)}
main#main .gc-followup-records-compact .gc-followup-ledger-head {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--gc-ledger-head-height);box-sizing:border-box;padding:0 14px;border-bottom:1px solid var(--line);background:var(--gc-ledger-head-surface);font-family:var(--font-sans);font-size:var(--gc-ledger-type-head-size);font-weight:var(--gc-ledger-type-head-weight);color:var(--gc-ledger-color-secondary)}
main#main .gc-followup-records-compact .gc-followup-record-cells {display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start}
@container(min-width:460px){main#main .gc-followup-records-compact .gc-followup-record-cells-many {grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:1000px){main#main .gc-followup-records-compact .gc-followup-package-body:not([hidden]) {grid-template-columns:minmax(0,1fr)}}
main#main .gc-followup-records-compact .gc-followup-record-row {display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto;gap:12px;width:100%;box-sizing:border-box;min-height:var(--gc-ledger-row-height);min-width:0;padding:8px 14px;align-items:center;cursor:pointer;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:var(--bg-elevated,#fff)!important;color:var(--ink)!important;font-family:var(--font-sans)!important;box-shadow:none!important}
main#main .gc-followup-records-compact .gc-followup-record-column .gc-followup-record-row:last-child {border-bottom:0!important}
main#main .gc-followup-records-compact .gc-followup-record-row:hover {background:var(--bg-hover)!important}
main#main .gc-followup-records-compact .gc-followup-record-identity {display:contents}
main#main .gc-followup-records-compact .gc-followup-record-image {grid-column:1;grid-row:1;width:var(--gc-ledger-thumb-width);height:var(--gc-ledger-thumb-height);object-fit:contain;border-radius:8px}
main#main .gc-followup-records-compact .gc-followup-record-info {grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;min-width:0}
html body main#main .gc-followup-records-compact .gc-followup-record-info strong {font-size:var(--gc-ledger-type-primary-size)!important;font-weight:var(--gc-ledger-type-primary-weight)!important;line-height:1.25;overflow-wrap:anywhere}
main#main .gc-followup-records-compact .gc-followup-record-meta,main#main .gc-followup-records-compact .gc-followup-record-type {margin:0;padding:0;font-size:var(--gc-ledger-type-secondary-size);font-weight:var(--gc-ledger-type-secondary-weight);line-height:1.25;color:var(--gc-ledger-color-secondary);overflow-wrap:anywhere;white-space:normal}
main#main [data-followup-primary] .gc-followup-primary-tabs {
  display:flex; flex:0 0 auto; gap:24px; border-bottom:1px solid var(--line); margin:0; overflow-x:auto;
}
main#main [data-followup-primary] .gc-followup-primary-tabs button {
  flex:0 0 auto; height:42px; padding:0 12px; border:0; border-bottom:2px solid transparent;
  border-radius:0; background:transparent; color:var(--ink-soft); font:inherit; font-size:14px; font-weight:600;
}
main#main [data-followup-primary] .gc-followup-primary-tabs button[aria-selected="true"] { color:var(--primary,#007aff); border-bottom-color:var(--primary,#007aff); }
main#main [data-followup-primary="styles"] .followup-workspace-scope-group {order:-1}
main#main .gc-followup-record-filters {display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin-bottom:20px;min-width:0}
main#main .gc-followup-record-filters .gc-followup-record-search {flex:1 1 280px;max-width:430px;min-width:0;margin:0}
main#main .gc-followup-record-filters .prod-qc-searchbar {width:100%;max-width:430px;min-width:0}
main#main .gc-followup-record-filters label {display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--gc-wb-text-muted,var(--ink-mute));min-width:0}
main#main .gc-followup-record-filters select {box-sizing:border-box;height:36px;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);color:var(--ink);padding:0 10px;font:inherit;font-size:12.5px}
main#main .gc-followup-record-filters select {width:140px}
/* The native brand field must match the ERP workspace trigger, not inherit
 * its label weight or the public form-field 14px/600 override. */
html body main#main .gc-followup-records-compact[data-followup-primary="records"] .gc-followup-record-filters select {
  font-family:var(--font-sans)!important;font-size:var(--gc-ledger-type-action-size,12.5px)!important;
  font-weight:500!important;color:var(--gc-wb-text,var(--ink))!important;
}
main#main .gc-followup-record-more {color:var(--primary,#007aff);background:transparent;border:0;font:inherit;font-size:var(--gc-ledger-type-action-size,12.5px);padding:8px;min-height:36px}
main#main .gc-followup-record-summary {display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;margin:0 0 12px}
main#main .gc-followup-record-summary span {font-size:var(--gc-ledger-type-secondary-size,11.5px);font-weight:400;color:var(--gc-wb-text-muted,var(--ink-mute))}
main#main .gc-followup-package {border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);margin-bottom:12px;overflow:hidden}
main#main .gc-followup-package-head {width:100%;min-height:var(--gc-ui-touch-target-height,44px);display:flex;align-items:center;gap:16px;padding:8px 16px;border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit;text-align:left}
main#main .gc-followup-package-head>span:first-child {flex:1;min-width:0;overflow-wrap:anywhere}
main#main .gc-followup-package strong:not(.gc-followup-group-title),main#main .gc-followup-record-row strong {display:block;font-size:var(--gc-ledger-type-primary-size,13px);font-weight:var(--gc-ledger-type-primary-weight,650);color:var(--gc-wb-text,var(--ink))}
main#main .gc-followup-package small,main#main .gc-followup-record-row small {display:block;font-size:var(--gc-ledger-type-secondary-size,11.5px);color:var(--gc-wb-text-muted,var(--ink-mute));margin-top:5px;font-weight:400;overflow-wrap:anywhere}
main#main .gc-followup-package-count {font-size:var(--gc-ledger-type-secondary-size,11.5px);color:var(--gc-wb-text-muted,var(--ink-mute));white-space:nowrap}
main#main .gc-followup-package-toggle,main#main .gc-followup-record-detail {color:var(--primary,#007aff);font-size:var(--gc-ledger-type-action-size,12.5px);white-space:nowrap}
main#main .gc-followup-package-body {padding:0 16px}
/* Date accordion, then flat invoice/brand sections; no nested card frames. */
main#main .gc-followup-invoice {padding:16px 0;border-top:1px solid var(--line);min-width:0}
main#main .gc-followup-invoice-head {overflow-wrap:anywhere;min-width:0}
main#main .gc-followup-brand {margin-top:0;min-width:0}
main#main .gc-followup-brand+.gc-followup-brand,main#main .gc-followup-invoice-head+.gc-followup-brand {margin-top:12px}
main#main .gc-followup-brand-head {display:flex;align-items:center;gap:12px;padding:8px 0;min-width:0}
main#main .gc-followup-brand-head strong {flex:0 1 auto;min-width:0;overflow-wrap:anywhere}
main#main .gc-followup-brand-head span {font-size:var(--gc-ledger-type-secondary-size,11.5px);color:var(--gc-wb-text-muted,var(--ink-mute));white-space:nowrap}
main#main .gc-followup-brand-head .gc-followup-ticket-warehouse {min-width:0;white-space:normal;overflow-wrap:anywhere}
main#main .gc-followup-brand-head .gc-followup-ticket-warehouse span {white-space:normal}
main#main .gc-followup-brand-count {margin-left:auto;flex:0 0 auto}
main#main .gc-followup-brand small.gc-followup-brand-tracking {margin:0 0 10px;overflow-wrap:anywhere;font-size:var(--gc-ledger-type-secondary-size);color:var(--gc-wb-text-muted,var(--ink-mute))}
main#main .gc-followup-record-row {display:grid;grid-template-columns:minmax(180px,360px) minmax(160px,360px) 60px 44px;width:100%;min-height:62px;align-items:center;gap:16px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font:inherit;text-align:left;padding:10px 0}
main#main .gc-followup-record-identity {display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;min-width:0}
main#main .gc-followup-record-info {grid-column:2}
main#main .gc-followup-record-row small.gc-followup-record-meta {margin:0;min-width:0;text-align:left}
main#main .gc-followup-record-info {flex:1;min-width:0;overflow-wrap:anywhere}
main#main .gc-followup-record-image {width:48px;height:62px;flex:0 0 48px;object-fit:cover;border-radius:6px}
main#main .gc-followup-record-type {font-size:var(--gc-ledger-type-secondary-size,11.5px);color:var(--gc-wb-text-muted,var(--ink-mute))}
main#main .gc-followup-record-date {display:flex;align-items:center;gap:10px;min-width:0;flex:0 0 auto!important;max-width:100%}
html body main#main [data-followup-primary="records"] .gc-followup-record-date .erp-workspace-select {
  width:140px!important;max-width:100%!important;min-width:0;flex:0 0 140px!important;
}
html body main#main [data-followup-primary="records"] .gc-followup-record-date .erp-workspace-select-trigger {width:100%!important;max-width:100%!important}
/* record-date-control-peter-v1: one keyboard outline, no inherited animated halo. */
/* record-date-entry-no-flash-peter-v2: morph may reuse a former blue action
 * button; do not animate that old surface into this quiet date control. */
/* record-date-controls-authorized-all-v3: user approved existing readers. */
html body main#main [data-followup-primary="records"] #gc-followup-date-trigger {box-shadow:none!important;transition:none!important}
html body main#main [data-followup-primary="records"] #gc-followup-date-trigger:focus:not(:focus-visible) {outline:none!important}
html body main#main [data-followup-primary="records"] #gc-followup-date-trigger:focus-visible {outline:2px solid var(--primary,#007aff)!important;outline-offset:-3px}
/* Native top-layer popover avoids clipping by the workspace scroll region. */
#gc-followup-date-popover.gc-followup-date-popover {position:fixed;inset:auto;margin:0;box-sizing:border-box;width:312px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated,var(--surface,#fff));color:var(--ink);font-family:var(--font-sans);font-size:12.5px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
#gc-followup-date-popover::backdrop {background:transparent}
#gc-followup-date-popover button {box-sizing:border-box;border:0!important;box-shadow:none!important;font:inherit!important;color:var(--ink)!important;background:transparent!important;border-radius:7px!important;padding:0!important;min-width:0;min-height:36px;cursor:pointer}
#gc-followup-date-popover button:focus-visible {outline:2px solid var(--primary,#007aff)!important;outline-offset:-2px}
#gc-followup-date-popover .gc-followup-calendar-modes {display:flex;gap:2px;padding:3px;border-radius:10px;background:var(--bg-sunken)}
#gc-followup-date-popover .gc-followup-calendar-modes button {flex:1;font-weight:600!important;min-height:30px}
#gc-followup-date-popover button[aria-pressed="true"] {color:#fff!important;background:var(--primary,#007aff)!important}
#gc-followup-date-popover .gc-followup-calendar-month {display:flex;align-items:center;justify-content:space-between;margin:8px 0}
#gc-followup-date-popover .gc-followup-calendar-month button {width:36px;font-size:20px!important}
#gc-followup-date-popover .gc-followup-calendar-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
#gc-followup-date-popover .gc-followup-calendar-grid>span {text-align:center;line-height:28px;color:var(--ink-mute);font-size:11.5px}
#gc-followup-date-popover button.is-in-range {background:var(--primary-light,#e5f0ff)!important;color:var(--primary,#007aff)!important}
#gc-followup-date-popover .gc-followup-calendar-footer {display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:8px;padding-top:6px}
#gc-followup-date-popover .gc-followup-calendar-footer button {color:var(--primary,#007aff)!important}
#gc-followup-date-popover .gc-followup-calendar-footer span {font-size:11.5px;color:var(--ink-mute)}
main#main [data-followup-primary] button:focus-visible {outline:2px solid var(--primary,#007aff);outline-offset:-3px}
/* Final public quiet-button rules must not introduce a second row frame or rounded underline. */
html body.peter-experience-pilot.peter-followup-workspace-pilot.today-followup-sub-active main#main [data-followup-primary] .gc-followup-primary-tabs button {
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html body.peter-experience-pilot.peter-followup-workspace-pilot.today-followup-sub-active main#main [data-followup-primary] :is(.gc-followup-package-head,.gc-history-group-head) {
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html body.peter-experience-pilot.peter-followup-workspace-pilot.today-followup-sub-active main#main [data-followup-primary="records"] .gc-followup-package small {
  font-size:var(--gc-ledger-type-secondary-size,11.5px)!important;
  font-weight:400!important;color:var(--gc-wb-text-muted,var(--ink-mute))!important;
}
@media(max-width:900px) {
  main#main .gc-followup-tools-header .gc-followup-primary-tabs button {min-height:var(--gc-ui-touch-target-height,44px)}
  main#main .gc-followup-record-filters select {height:44px}
  #gc-followup-date-popover .gc-followup-calendar-grid button {min-height:44px}
  main#main .gc-followup-record-image {width:44px;height:58px;flex-basis:44px}
  main#main .gc-followup-record-row {grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px 36px;gap:12px}
  main#main .gc-followup-record-identity {grid-template-columns:44px minmax(0,1fr);gap:10px}
}
@media(max-width:720px) {
  main#main .gc-followup-record-filters .gc-followup-record-search {flex:0 0 100%;max-width:430px}
  main#main .gc-followup-record-date {flex-wrap:wrap;width:100%}
  main#main .gc-followup-record-summary {flex-wrap:wrap}
  main#main .gc-followup-package-head {gap:10px;flex-wrap:nowrap}
  main#main .gc-followup-package-head>span:first-child {flex-basis:auto}
  main#main .gc-followup-package-toggle {margin-left:auto}
  main#main .gc-followup-record-row {grid-template-columns:minmax(0,1fr) 40px 32px;gap:6px 10px}
  main#main .gc-followup-record-identity {grid-column:1;grid-row:1}
  main#main .gc-followup-record-meta {grid-column:1;grid-row:2;padding-left:54px}
  main#main .gc-followup-record-type {grid-column:2;grid-row:1 / span 2;overflow-wrap:anywhere}
  main#main .gc-followup-record-detail {grid-column:3;grid-row:1 / span 2}
  main#main .gc-followup-brand-head {flex-wrap:wrap;gap:6px 10px}
}
/* quotation-interaction-speed-peter-v1: selection feedback has no 180ms color delay. */
main#main [data-followup-primary] .gc-followup-primary-tabs.gc-followup-tabs-instant-peter button {
  transition: none !important;
}