/* Canonical project allocation identity · evidence palette lock · 2026-08-19 */
.project-allocation-identity{--alloc-education:#5f77a0;--alloc-health:#a64f4a;--alloc-environment:#3f714b;--alloc-livelihood:#986135;--pai-bg:#f3f1e9;--pai-ink:#182019;--pai-muted:#657067;--pai-line:rgba(24,32,25,.14);background:var(--pai-bg);color:var(--pai-ink);border-bottom:1px solid var(--pai-line)}
.project-allocation-identity__inner{width:min(100% - 40px,1240px);margin:0 auto;display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:18px 28px;align-items:center;min-height:68px;padding:12px 0}
.project-allocation-identity__label{display:grid;gap:5px}.project-allocation-identity__label span{font:600 12px/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.085em;text-transform:uppercase;color:var(--pai-muted)}.project-allocation-identity__label strong{font:500 18px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.02em}
.project-allocation-identity__rail{display:flex;height:12px;overflow:hidden;background:rgba(24,32,25,.08)}.project-allocation-identity__rail i{display:block;flex:0 0 calc(var(--share) * 1%)}.project-allocation-identity__rail i[data-budget="education"]{background:var(--alloc-education)}.project-allocation-identity__rail i[data-budget="health"]{background:var(--alloc-health)}.project-allocation-identity__rail i[data-budget="environment"]{background:var(--alloc-environment)}.project-allocation-identity__rail i[data-budget="livelihood"]{background:var(--alloc-livelihood)}
.project-allocation-identity__values{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px 15px;font:500 12.5px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--pai-muted)}.project-allocation-identity__values b{font-weight:600;color:var(--pai-ink)}
@media(max-width:760px){.project-allocation-identity__inner{width:min(100% - 32px,1240px);grid-template-columns:1fr auto;gap:10px 14px;min-height:0;padding:12px 0}.project-allocation-identity__rail{grid-column:1/-1;grid-row:2}.project-allocation-identity__values{grid-column:1/-1;grid-row:3;justify-content:flex-start}.project-allocation-identity__label strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.project-allocation-identity *{transition:none}}

/* Shared category palette for the visual summary inside every open-funding allocator.
   Project-native edit rails keep their own ink; category colour remains evidence, not chrome. */
[data-project-allocation] [data-allocation-segment="education"]{background:var(--alloc-education,#5f77a0)!important}
[data-project-allocation] [data-allocation-segment="health"]{background:var(--alloc-health,#a64f4a)!important}
[data-project-allocation] [data-allocation-segment="environment"]{background:var(--alloc-environment,#3f714b)!important}
[data-project-allocation] [data-allocation-segment="livelihood"]{background:var(--alloc-livelihood,#986135)!important}

/* Gate 2 interaction integrity · static read state, explicit edit state */
[data-project-allocation].allocation-enhanced:not(.is-editing) [data-allocation-slider]{
  pointer-events:none!important;
  cursor:default!important;
}
[data-project-allocation].allocation-enhanced:not(.is-editing) [data-allocation-minus],
[data-project-allocation].allocation-enhanced:not(.is-editing) [data-allocation-plus]{
  pointer-events:none!important;
}
[data-project-allocation].allocation-enhanced:not(.is-editing) :is(
  .glow-allocation__thumb,
  .mavh-allocation__thumb,
  .lotus-allocation__thumb,
  .roots-client-allocation__thumb,
  .sgc-allocation__thumb
){opacity:0!important}
[data-project-allocation].allocation-enhanced.is-editing [data-allocation-slider]:not(input){
  min-height:44px;
  touch-action:none;
}
[data-project-allocation].allocation-enhanced.is-editing .is-fixed [data-allocation-slider]{
  pointer-events:none!important;
  cursor:default!important;
}
[data-project-allocation].allocation-enhanced.is-editing .is-fixed :is(
  .glow-allocation__thumb,
  .mavh-allocation__thumb,
  .lotus-allocation__thumb,
  .roots-client-allocation__thumb,
  .sgc-allocation__thumb
){opacity:.18!important}

/* v1.50.40 correction · one native-range allocator interaction contract.
   Read state stays an editorial composition rail. The real form control only
   becomes visible and actionable after Adjust mix, so appearance and behaviour
   agree on mouse, keyboard and touch. */
[data-project-allocation][data-allocation-control="native-range"]{
  --allocation-native-track:rgba(24,32,25,.26);
  --allocation-native-thumb:#f7f4eb;
  --allocation-native-edge:#315b48;
  --allocation-native-focus:rgba(49,91,72,.22);
}
[data-project-allocation][data-allocation-control="native-range"] .project-allocation-native-range[type="range"]{
  -webkit-appearance:none;
  appearance:none;
  position:absolute;
  top:50%;
  right:0;
  bottom:auto;
  left:0;
  z-index:8;
  width:100%;
  height:44px;
  margin:0;
  padding:0;
  border:0;
  transform:translateY(-50%);
  background:transparent;
  box-shadow:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  cursor:default;
}
[data-project-allocation][data-allocation-control="native-range"].is-editing .project-allocation-native-range[type="range"]:not(:disabled){
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  cursor:pointer;
}
[data-project-allocation][data-allocation-control="native-range"].is-editing .is-fixed .project-allocation-native-range[type="range"]{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  cursor:default!important;
}
[data-project-allocation][data-allocation-control="native-range"] .project-allocation-native-range[type="range"]::-webkit-slider-runnable-track{
  height:2px;
  border:0;
  border-radius:999px;
  background:var(--allocation-native-track);
}
[data-project-allocation][data-allocation-control="native-range"] .project-allocation-native-range[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  margin-top:-7px;
  border:1px solid var(--allocation-native-edge);
  border-radius:50%;
  background:var(--allocation-native-thumb);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--allocation-native-thumb) 88%,transparent);
}
[data-project-allocation][data-allocation-control="native-range"] .project-allocation-native-range[type="range"]::-moz-range-track{
  height:2px;
  border:0;
  border-radius:999px;
  background:var(--allocation-native-track);
}
[data-project-allocation][data-allocation-control="native-range"] .project-allocation-native-range[type="range"]::-moz-range-progress{
  height:2px;
  border:0;
  border-radius:999px;
  background:var(--allocation-native-edge);
}
[data-project-allocation][data-allocation-control="native-range"] .project-allocation-native-range[type="range"]::-moz-range-thumb{
  width:16px;
  height:16px;
  border:1px solid var(--allocation-native-edge);
  border-radius:50%;
  background:var(--allocation-native-thumb);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--allocation-native-thumb) 88%,transparent);
}
[data-project-allocation][data-allocation-control="native-range"] .project-allocation-native-range[type="range"]:focus-visible{
  outline:2px solid var(--allocation-native-edge);
  outline-offset:4px;
  box-shadow:0 0 0 5px var(--allocation-native-focus);
}
/* The authored project rail remains the read-state visual. In edit mode the
   native control becomes the visible rail, avoiding two simultaneous thumbs. */
[data-project-allocation][data-allocation-control="native-range"].is-editing :is(
  .glow-allocation__fill,.glow-allocation__baseline,.glow-allocation__thumb,
  .mavh-allocation__fill,.mavh-allocation__baseline,.mavh-allocation__thumb,
  .lotus-allocation__fill,.lotus-allocation__baseline,.lotus-allocation__thumb,
  .roots-client-allocation__line,.roots-client-allocation__fill,.roots-client-allocation__baseline,.roots-client-allocation__thumb,
  .sgc-allocation__fill,.sgc-allocation__baseline,.sgc-allocation__thumb
){opacity:0!important}
[data-project-allocation][data-allocation-control="native-range"].is-editing :is(
  .glow-allocation__track,.mavh-allocation__track,.lotus-allocation__track,
  .roots-client-allocation__track,.sgc-allocation__track-wrap
)::before{opacity:0!important}

/* Project-native edit-state tones. Allocation category colours remain reserved
   for the allocation identity; these controls use each project's existing ink. */
.donor-glow [data-project-allocation][data-allocation-control="native-range"]{
  --allocation-native-track:rgba(255,255,255,.28);
  --allocation-native-thumb:#f4efe4;
  --allocation-native-edge:#c7dd85;
  --allocation-native-focus:rgba(199,221,133,.16);
}
.donor-mavh [data-project-allocation][data-allocation-control="native-range"]{
  --allocation-native-track:rgba(53,107,69,.24);
  --allocation-native-thumb:#f4efe5;
  --allocation-native-edge:#356b45;
  --allocation-native-focus:rgba(53,107,69,.14);
}
.donor-lotus [data-project-allocation][data-allocation-control="native-range"]{
  --allocation-native-track:rgba(32,73,50,.24);
  --allocation-native-thumb:#f4efe5;
  --allocation-native-edge:#245c3d;
  --allocation-native-focus:rgba(36,92,61,.14);
}
.donor-roots [data-project-allocation][data-allocation-control="native-range"]{
  --allocation-native-track:rgba(34,72,51,.24);
  --allocation-native-thumb:#f4efe5;
  --allocation-native-edge:#315d45;
  --allocation-native-focus:rgba(49,93,69,.14);
}
.theme-sgc-v3 [data-project-allocation][data-allocation-control="native-range"]{
  --allocation-native-track:rgba(255,255,255,.25);
  --allocation-native-thumb:#173a31;
  --allocation-native-edge:#d8c27f;
  --allocation-native-focus:rgba(216,194,127,.16);
}
@media(prefers-reduced-motion:reduce){
  [data-project-allocation][data-allocation-control="native-range"] .project-allocation-native-range[type="range"]{transition:none!important}
}