:root { --zip9-radius: 24px; --zip9-border: rgba(148,163,184,.24); --zip9-surface: rgba(15,23,42,.88); }
.zip9-workbench-shell { display: grid; gap: 24px; padding-bottom: 78px; }
.zip9-hero, .zip9-panel, .zip9-kpi-card, .zip9-form-card, .zip9-state-card, .zip9-table-catalog a, .zip9-action-list a, .zip9-supplier-list a { border: 1px solid var(--zip9-border); border-radius: var(--zip9-radius); background: linear-gradient(145deg, rgba(15,23,42,.94), rgba(30,41,59,.76)); box-shadow: 0 24px 80px rgba(2,6,23,.22); }
.zip9-hero { display: flex; justify-content: space-between; gap: 24px; padding: clamp(22px, 4vw, 40px); align-items: flex-start; }
.zip9-hero h1 { margin: 8px 0 10px; font-size: clamp(2rem, 5vw, 4.2rem); line-height: .98; letter-spacing: -.055em; }
.zip9-hero p { max-width: 860px; color: rgba(226,232,240,.78); font-size: 1.05rem; }
.zip9-kicker { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px; border-radius: 999px; background: rgba(56,189,248,.14); color: #bae6fd; font-weight: 850; letter-spacing: .02em; }
.zip9-meta-row, .zip9-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.zip9-meta-row span { min-height: 32px; display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.08); color: rgba(226,232,240,.86); }
.zip9-btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; border-radius: 14px; border: 1px solid var(--zip9-border); text-decoration: none; font-weight: 850; color: #e2e8f0; background: rgba(255,255,255,.08); cursor: pointer; }
.zip9-btn.primary { background: #e2e8f0; color: #0f172a; }
.zip9-btn.ghost { background: transparent; }
.zip9-btn.small { min-height: 38px; padding: 8px 12px; font-size: .9rem; }
.zip9-kpi-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.zip9-kpi-card { min-height: 132px; padding: 16px; color: inherit; text-decoration: none; display: grid; gap: 8px; }
.zip9-kpi-card small, .zip9-form-card small, .zip9-table-catalog small, .zip9-state-card small { color: rgba(203,213,225,.72); font-weight: 800; }
.zip9-kpi-card strong { font-size: clamp(1.4rem, 3vw, 2.25rem); letter-spacing: -.03em; }
.zip9-kpi-card span, .zip9-form-card span, .zip9-action-list span, .zip9-table-catalog span, .zip9-supplier-list span { color: rgba(226,232,240,.75); }
.zip9-kpi-card.is-warning { border-color: rgba(251,191,36,.55); }
.zip9-panel { padding: 20px; min-width: 0; }
.zip9-panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.zip9-panel-head h2 { margin: 6px 0 0; font-size: clamp(1.15rem, 2vw, 1.55rem); letter-spacing: -.03em; }
.zip9-filter-grid { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(160px, .7fr) minmax(160px, .7fr) auto; gap: 12px; align-items: end; }
.zip9-filter-grid label { display: grid; gap: 7px; color: rgba(226,232,240,.78); font-weight: 800; }
.zip9-filter-grid input, .zip9-filter-grid select { min-height: 44px; border: 1px solid var(--zip9-border); border-radius: 14px; padding: 10px 12px; background: rgba(15,23,42,.68); color: #f8fafc; }
.zip9-helper { color: rgba(226,232,240,.68); margin: 14px 0 0; }
.zip9-two-col { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); gap: 18px; }
.zip9-three-col { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.zip9-table-wrap { overflow-x: auto; border-radius: 16px; border: 1px solid var(--zip9-border); }
.zip9-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.zip9-table th, .zip9-table td { padding: 12px; border-bottom: 1px solid rgba(148,163,184,.18); text-align: left; vertical-align: top; }
.zip9-table small { display: block; color: rgba(203,213,225,.65); }
.zip9-state-pill { display: inline-flex; min-height: 30px; align-items: center; padding: 5px 10px; border-radius: 999px; background: rgba(34,197,94,.16); }
.zip9-state-pill.tone-high { background: rgba(239,68,68,.18); color: #fecaca; }
.zip9-form-blueprints, .zip9-action-list, .zip9-state-grid, .zip9-table-catalog, .zip9-supplier-list { display: grid; gap: 12px; }
.zip9-form-card, .zip9-action-list a, .zip9-table-catalog a, .zip9-supplier-list a { color: inherit; text-decoration: none; padding: 16px; display: grid; gap: 8px; }
.zip9-form-card em { color: #fde68a; font-style: normal; font-size: .92rem; }
.zip9-state-card { padding: 14px; display: grid; gap: 8px; }
.zip9-state-card b { width: max-content; min-height: 30px; display: inline-flex; align-items: center; border-radius: 999px; padding: 4px 10px; background: rgba(14,165,233,.16); color: #bae6fd; }
.zip9-empty-state { min-height: 190px; border: 1px dashed rgba(148,163,184,.45); border-radius: 18px; display: grid; place-items: center; text-align: center; gap: 10px; padding: 24px; color: rgba(226,232,240,.74); }
.zip9-timeline { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.zip9-timeline li { padding: 12px; border-radius: 16px; background: rgba(255,255,255,.06); display: grid; gap: 4px; }
.zip9-timeline span, .zip9-timeline small, .zip9-supplier-list small { color: rgba(226,232,240,.68); }
.zip9-preview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.zip9-skeleton, .zip9-error-card, .zip9-empty-card { min-height: 170px; border-radius: 18px; border: 1px solid var(--zip9-border); background: rgba(255,255,255,.06); padding: 18px; display: grid; gap: 10px; align-content: center; }
.zip9-skeleton span { height: 18px; border-radius: 999px; background: linear-gradient(90deg, rgba(148,163,184,.18), rgba(226,232,240,.34), rgba(148,163,184,.18)); background-size: 200% 100%; animation: zip9-pulse 1.4s ease-in-out infinite; }
.zip9-skeleton span:nth-child(2) { width: 72%; } .zip9-skeleton span:nth-child(3) { width: 48%; }
.zip9-error-card strong { color: #fecaca; } .zip9-empty-card strong { color: #bae6fd; }
.zip9-error-card a, .zip9-empty-card a { min-height: 44px; display: inline-flex; align-items: center; width: max-content; padding: 8px 12px; border-radius: 12px; background: rgba(255,255,255,.09); color: inherit; text-decoration: none; font-weight: 850; }
.zip9-btn:focus-visible, .zip9-kpi-card:focus-visible, .zip9-form-card:focus-visible, .zip9-action-list a:focus-visible, .zip9-table-catalog a:focus-visible, .zip9-supplier-list a:focus-visible, .zip9-error-card a:focus-visible, .zip9-empty-card a:focus-visible, .zip9-filter-grid input:focus-visible, .zip9-filter-grid select:focus-visible { outline: 3px solid #bae6fd; outline-offset: 3px; }
@keyframes zip9-pulse { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (max-width: 1180px) { .zip9-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .zip9-two-col, .zip9-three-col, .zip9-preview-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .zip9-hero { flex-direction: column; } .zip9-hero-actions, .zip9-hero-actions .zip9-btn { width: 100%; } .zip9-filter-grid, .zip9-kpi-grid { grid-template-columns: 1fr; } .zip9-workbench-shell { gap: 16px; } .zip9-panel-head { flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .zip9-workbench-shell *, .zip9-workbench-shell *::before, .zip9-workbench-shell *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* v1033 forms/tables final route contrast lock. */
body[data-path="/forms-tables"] .zip9-workbench-shell{
  color:#0f172a!important;
  -webkit-text-fill-color:initial!important;
}

body[data-path="/forms-tables"] .zip9-hero{
  border-color:rgba(125,211,252,.24)!important;
  background-color:#071122!important;
  background-image:radial-gradient(circle at 80% 18%,rgba(20,184,166,.20),transparent 34%),linear-gradient(135deg,#071122 0%,#10233f 60%,#0f3f46 100%)!important;
  color:#f8fbff!important;
}

body[data-path="/forms-tables"] .zip9-hero :is(h1,h2,h3,strong,b,.zip9-kicker){
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

body[data-path="/forms-tables"] .zip9-hero :is(p,span,small){
  color:#dbeafe!important;
  -webkit-text-fill-color:#dbeafe!important;
}

body[data-path="/forms-tables"] .zip9-workbench-shell :is(.zip9-panel,.zip9-kpi-card,.zip9-form-card,.zip9-state-card,.zip9-empty-state,.zip9-empty-card,.zip9-error-card,.zip9-table-wrap,.zip9-table-catalog a,.zip9-action-list a,.zip9-supplier-list a){
  background-color:#ffffff!important;
  background-image:none!important;
  color:#0f172a!important;
  -webkit-text-fill-color:initial!important;
}

body[data-path="/forms-tables"] .zip9-workbench-shell :is(.zip9-panel,.zip9-kpi-card,.zip9-form-card,.zip9-state-card,.zip9-empty-state,.zip9-empty-card,.zip9-error-card,.zip9-table-wrap,.zip9-table-catalog a,.zip9-action-list a,.zip9-supplier-list a) :is(h1,h2,h3,h4,strong,b,label,em){
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}

body[data-path="/forms-tables"] .zip9-workbench-shell :is(.zip9-panel,.zip9-kpi-card,.zip9-form-card,.zip9-state-card,.zip9-empty-state,.zip9-empty-card,.zip9-error-card,.zip9-table-wrap,.zip9-table-catalog a,.zip9-action-list a,.zip9-supplier-list a) :is(p,span,small,li){
  color:#64748b!important;
  -webkit-text-fill-color:#64748b!important;
}

body[data-path="/forms-tables"] .zip9-workbench-shell :is(table,thead,tbody,tr,th,td,.zip9-table){
  background-color:#ffffff!important;
  color:#0f172a!important;
  -webkit-text-fill-color:#0f172a!important;
}

body[data-path="/forms-tables"] .zip9-workbench-shell .zip9-panel :is(.zip9-btn,a.zip9-btn,button.zip9-btn),
body[data-path="/forms-tables"] .zip9-workbench-shell .zip9-empty-state :is(.zip9-btn,a.zip9-btn,button.zip9-btn),
body[data-path="/forms-tables"] .zip9-workbench-shell .zip9-live-preview :is(.zip9-btn,a.zip9-btn,button.zip9-btn){
  background-color:#0f172a!important;
  background-image:none!important;
  border-color:#0f172a!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}