/* Approval-route settings share the approved pastel workspace visual language. */
#content .gd-workspace {
  --gd-surface:var(--surface,#fff); --gd-line:#e3eaf4; --gd-muted:var(--muted,#718199);
  --gd-ink:var(--ink,#263445); --gd-tint:#edf3ff; --gd-accent:#2e6cf2;
  padding:0; margin:0 0 24px; border:1px solid var(--gd-line); border-radius:20px;
  background:var(--gd-surface); color:var(--gd-ink); box-shadow:0 4px 18px #24456704;
  overflow:hidden; min-width:0;
}
#content .gd-workspace[hidden] { display:none!important; }
.gd-workspace .gd-heading {
  display:flex; align-items:center; gap:20px; padding:28px;
  background:linear-gradient(110deg,var(--gd-tint),var(--gd-surface));
  border-bottom:1px solid var(--gd-line);
}
.gd-workspace .gd-heading-body { flex:1; min-width:0; }
.gd-workspace .gd-heading h3 { margin:0 0 10px; font-size:25px; line-height:1.4; color:var(--gd-ink); }
.gd-workspace .gd-heading p { margin:0; color:var(--gd-muted); font-size:13px; line-height:1.9; max-width:830px; }
.gd-workspace .gd-icon {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 50px;
  width:50px; height:50px; border-radius:50%; background:var(--gd-surface);
  color:var(--gd-accent); font-style:normal;
}
.gd-workspace .gd-icon svg { width:26px; height:26px; }
.gd-workspace .gd-count {
  padding:9px 13px; border-radius:22px; color:var(--gd-accent); background:var(--gd-surface);
  font-size:12px; white-space:nowrap;
}
.gd-workspace #ccSimpleDefinitionForm { padding:26px 28px; }
.gd-workspace .gd-search { display:flex; flex-direction:column; gap:10px; margin-bottom:24px; max-width:650px; }
.gd-workspace .gd-search>span { color:var(--gd-muted); font-size:13px; }
.gd-workspace .gd-search input {
  box-sizing:border-box; min-height:46px; padding:11px 14px; border:1px solid var(--gd-line);
  border-radius:11px; background:var(--gd-surface); color:var(--gd-ink); font:inherit;
}
.gd-workspace .gd-routes {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;
  margin:0; padding:0; border:0; background:transparent; overflow:visible;
}
.gd-workspace .cc-simple-route-head { display:none; }
.gd-workspace .gd-route {
  display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0 20px 20px;
  border:1px solid var(--gd-line); border-radius:15px; overflow:hidden; min-width:0;
  background:var(--gd-surface);
}
.gd-workspace .gd-route:last-child { border-bottom:1px solid var(--gd-line); }
.gd-workspace .gd-green { --gd-tint:#ecf8f3; --gd-accent:#119d75; }
.gd-workspace .gd-orange { --gd-tint:#fff5eb; --gd-accent:#e78227; }
.gd-workspace .gd-sky { --gd-tint:#edf8ff; --gd-accent:#2194cb; }
.gd-workspace .gd-purple { --gd-tint:#f5efff; --gd-accent:#9258d5; }
.gd-workspace .gd-rose { --gd-tint:#fff2f7; --gd-accent:#d75e91; }
.gd-workspace .gd-blue { --gd-tint:#edf3ff; --gd-accent:#2e6cf2; }
.gd-workspace .gd-route>.gd-route-heading {
  display:flex; align-items:center; gap:13px; padding:18px 20px; margin:0 -20px 17px;
  color:var(--gd-ink); background:var(--gd-tint); line-height:1.5;
}
.gd-workspace .gd-route-heading strong { font-size:16px; font-weight:650; }
.gd-workspace .gd-route-heading .gd-icon { width:40px; height:40px; flex-basis:40px; }
.gd-workspace .gd-route-heading .gd-icon svg { width:22px; height:22px; }
.gd-workspace .gd-route>.gd-select-caption { display:block; margin:0 0 9px; font-size:12px; color:var(--gd-muted); }
.gd-workspace .gd-route .gd-select {
  box-sizing:border-box; width:100%; max-width:100%; min-width:0; min-height:46px;
  padding:10px 12px; border:1px solid var(--gd-line); border-radius:9px;
  color:var(--gd-ink); background:var(--gd-surface); font:inherit; font-size:14px;
}
.gd-workspace .gd-note { margin:24px 0 0; padding:16px 18px; border-radius:11px; background:var(--gd-tint); color:var(--gd-muted); font-size:13px; line-height:1.8; }
.gd-workspace .gd-actions { margin-top:22px; padding-top:22px; border-top:1px solid var(--gd-line); gap:12px; }
.gd-workspace .gd-actions .btn { min-width:100px; min-height:42px; border-radius:9px; }
.gd-workspace input:focus-visible,.gd-workspace select:focus-visible { outline:3px solid #75a9ff; outline-offset:2px; }
.app-shell[data-theme=dark] #content .gd-workspace { --gd-line:#2d3d50; --gd-tint:#202e48; --gd-accent:#83b0ff; }
.app-shell[data-theme=dark] .gd-workspace .gd-green { --gd-tint:#163c34; --gd-accent:#70dbb1; }
.app-shell[data-theme=dark] .gd-workspace .gd-orange { --gd-tint:#3d3024; --gd-accent:#ffc078; }
.app-shell[data-theme=dark] .gd-workspace .gd-sky { --gd-tint:#1c3545; --gd-accent:#73c7ee; }
.app-shell[data-theme=dark] .gd-workspace .gd-purple { --gd-tint:#332746; --gd-accent:#c49aee; }
.app-shell[data-theme=dark] .gd-workspace .gd-rose { --gd-tint:#3d2636; --gd-accent:#f7a1c7; }
.app-shell[data-theme=dark] .gd-workspace .gd-blue { --gd-tint:#202e48; --gd-accent:#83b0ff; }
@media(max-width:1000px) {
  .gd-workspace .gd-heading { flex-wrap:wrap; padding:24px; gap:16px; }
  .gd-workspace .gd-count { margin-left:66px; }
  .gd-workspace #ccSimpleDefinitionForm { padding:24px; }
  .gd-workspace .gd-routes { gap:14px; }
}
@media(max-width:720px) {
  .gd-workspace .gd-heading { display:grid; grid-template-columns:40px minmax(0,1fr); padding:20px 18px; align-items:start; gap:13px; }
  .gd-workspace .gd-heading>.gd-icon { width:40px; height:40px; flex-basis:40px; }
  .gd-workspace .gd-heading h3 { font-size:21px; }
  .gd-workspace .gd-heading p { font-size:12px; }
  .gd-workspace .gd-count { grid-column:2; justify-self:start; margin-left:0; font-size:11px; padding:7px 11px; }
  .gd-workspace #ccSimpleDefinitionForm { padding:20px 18px; }
  .gd-workspace .gd-routes { grid-template-columns:minmax(0,1fr); gap:14px; }
  .gd-workspace .gd-route .gd-select,.gd-workspace .gd-search input { font-size:16px; }
  .gd-workspace .gd-note { padding:14px; font-size:12px; }
  .gd-workspace .gd-actions .btn { flex:1; min-width:0; }
}

.gd-workspace .approval-route-caption {margin:0 0 12px;color:var(--gd-muted);font-size:13px;line-height:1.6;}
.gd-workspace .approval-person-row {display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:10px;}
.gd-workspace .approval-person-select {min-width:0;display:block;}
.gd-workspace .approval-person-row select {box-sizing:border-box;min-height:44px;padding:10px;border:1px solid var(--gd-line);border-radius:9px;background:var(--gd-surface);color:var(--gd-ink);font-size:13px;width:100%;min-width:0;}
.gd-workspace .approval-step-number {display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gd-tint);color:var(--gd-accent);font-size:12px;font-weight:700;}
.gd-workspace .approval-person-tools {display:flex;gap:3px;}
.gd-workspace .approval-person-tools button {padding:4px 7px;min-width:28px;min-height:34px;color:var(--gd-muted);}
.gd-workspace .approval-add {align-self:flex-start;margin-top:4px;color:var(--gd-accent);border-style:dashed;background:var(--gd-tint);}
.gd-workspace .receipt-route-path {display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:18px;padding:14px;border-radius:10px;background:var(--gd-tint);font-size:13px;line-height:1.6;color:var(--gd-accent);}
.gd-workspace .receipt-route-path b {margin:0;font-size:17px;line-height:1.2;color:var(--gd-accent);}
.gd-workspace .approval-route-hint {margin-top:10px;color:var(--gd-muted);line-height:1.7;}
@media(max-width:600px){.gd-workspace .approval-person-row{grid-template-columns:24px minmax(0,1fr)}.gd-workspace .approval-person-tools{grid-column:2;justify-content:flex-end;margin-top:-4px}.gd-workspace .gd-route{padding:0 14px 14px}.gd-workspace .gd-route>.gd-route-heading{margin:0 -14px 14px;padding:14px}}

.gd-workspace .approval-person-select .sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}