Evergreen farms (pos)

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1444.9189999999996 771.1999999999999" width="1444.9189999999996" height="771.1999999999999" style="--bg:#18181B;--fg:#F4F4F5;--line:#71717A;--muted:#A1A1AA;--surface:#27272A;--border:#3F3F46;background:var(--bg)">

<style>

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap');

text { font-family: 'Inter', system-ui, sans-serif; }

svg {

/* Derived from --bg and --fg (overridable via --line, --accent, etc.) */

--_text: var(--fg);

--_text-sec: var(--muted, color-mix(in srgb, var(--fg) 60%, var(--bg)));

--_text-muted: var(--muted, color-mix(in srgb, var(--fg) 40%, var(--bg)));

--_text-faint: color-mix(in srgb, var(--fg) 25%, var(--bg));

--_line: var(--line, color-mix(in srgb, var(--fg) 50%, var(--bg)));

--_arrow: var(--accent, color-mix(in srgb, var(--fg) 85%, var(--bg)));

--_node-fill: var(--surface, color-mix(in srgb, var(--fg) 3%, var(--bg)));

--_node-stroke: var(--border, color-mix(in srgb, var(--fg) 20%, var(--bg)));

--_group-fill: var(--bg);

--_group-hdr: color-mix(in srgb, var(--fg) 5%, var(--bg));

--_inner-stroke: color-mix(in srgb, var(--fg) 12%, var(--bg));

--_key-badge: color-mix(in srgb, var(--fg) 10%, var(--bg));

}

</style>

<defs>

<marker id="arrowhead" markerWidth="8" markerHeight="5" refX="7" refY="2.5" orient="auto">

<polygon points="0 0, 8 2.5, 0 5" fill="var(--_arrow)" stroke="var(--_arrow)" stroke-width="0.75" stroke-linejoin="round" />

</marker>

<marker id="arrowhead-start" markerWidth="8" markerHeight="5" refX="1" refY="2.5" orient="auto-start-reverse">

<polygon points="8 0, 0 2.5, 8 5" fill="var(--_arrow)" stroke="var(--_arrow)" stroke-width="0.75" stroke-linejoin="round" />

</marker>

</defs>

<g class="subgraph" data-id="S7" data-label="Screen 7: Approval &amp; Conflict Checks">

<rect x="40" y="294.70000000000005" width="1364.9189999999996" height="96.9" rx="0" ry="0" fill="var(--_group-fill)" stroke="var(--_node-stroke)" stroke-width="1" />

<rect x="40" y="294.70000000000005" width="1364.9189999999996" height="28" rx="0" ry="0" fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="1" />

<text x="52" y="308.70000000000005" font-size="12" font-weight="600" fill="var(--_text-sec)" dy="4.199999999999999">Screen 7: Approval &amp; Conflict Checks</text>

</g>

<polyline class="edge" data-from="A" data-to="B" data-style="solid" data-arrow-start="false" data-arrow-end="true" points="722.4594999999998,76.9 722.4594999999998,124.9" fill="none" stroke="var(--_line)" stroke-width="1" marker-end="url(#arrowhead)" />

<polyline class="edge" data-from="B" data-to="C" data-style="solid" data-arrow-start="false" data-arrow-end="true" points="722.4594999999998,161.8 722.4594999999998,209.8" fill="none" stroke="var(--_line)" stroke-width="1" marker-end="url(#arrowhead)" />

<polyline class="edge" data-from="C" data-to="S7" data-style="solid" data-arrow-start="false" data-arrow-end="true" points="722.4594999999998,246.70000000000002 722.4594999999998,294.70000000000005" fill="none" stroke="var(--_line)" stroke-width="1" marker-end="url(#arrowhead)" />

<polyline class="edge" data-from="S7" data-to="D" data-style="solid" data-arrow-start="false" data-arrow-end="true" points="722.4594999999998,391.6 722.4594999999998,439.6" fill="none" stroke="var(--_line)" stroke-width="1" marker-end="url(#arrowhead)" />

<polyline class="edge" data-from="D" data-to="E" data-style="solid" data-arrow-start="false" data-arrow-end="true" points="722.4594999999998,476.5 722.4594999999998,524.5" fill="none" stroke="var(--_line)" stroke-width="1" marker-end="url(#arrowhead)" />

<polyline class="edge" data-from="E" data-to="F" data-style="solid" data-arrow-start="false" data-arrow-end="true" points="722.4594999999998,561.4 722.4594999999997,609.4" fill="none" stroke="var(--_line)" stroke-width="1" marker-end="url(#arrowhead)" />

<polyline class="edge" data-from="F" data-to="G" data-style="solid" data-arrow-start="false" data-arrow-end="true" points="722.4594999999997,646.3 722.4594999999998,694.3" fill="none" stroke="var(--_line)" stroke-width="1" marker-end="url(#arrowhead)" />

<g class="node" data-id="A" data-label="Admin clicks 'Review &amp; Approve'" data-shape="rectangle">

<rect x="607.3774999999998" y="40" width="230.164" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="722.4594999999998" y="58.45" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Admin clicks &#39;Review &amp; Approve&#39;</text>

</g>

<g class="node" data-id="B" data-label="Fetch Offer Details + Overlap Intelligence API" data-shape="rectangle">

<rect x="572.5504999999998" y="124.9" width="299.8179999999999" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="722.4594999999998" y="143.35000000000002" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Fetch Offer Details + Overlap Intelligence API</text>

</g>

<g class="node" data-id="C" data-label="Screen 7: Offer Approval Screen" data-shape="rectangle">

<rect x="605.8954999999999" y="209.8" width="233.128" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="722.4594999999998" y="228.25" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Screen 7: Offer Approval Screen</text>

</g>

<g class="node" data-id="D" data-label="Admin Reviews &amp; Confirms Conflicts Viewed" data-shape="rectangle">

<rect x="576.6259999999999" y="439.6" width="291.6669999999999" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="722.4594999999998" y="458.05" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Admin Reviews &amp; Confirms Conflicts Viewed</text>

</g>

<g class="node" data-id="E" data-label="Click 'Approve &amp; Publish'" data-shape="rectangle">

<rect x="628.4959999999999" y="524.5" width="187.92699999999996" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="722.4594999999998" y="542.95" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Click &#39;Approve &amp; Publish&#39;</text>

</g>

<g class="node" data-id="F" data-label="Status becomes 'Approved (Scheduled)'" data-shape="rectangle">

<rect x="584.7769999999998" y="609.4" width="275.3649999999999" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="722.4594999999997" y="627.85" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Status becomes &#39;Approved (Scheduled)&#39;</text>

</g>

<g class="node" data-id="G" data-label="Scheduler auto-activates at Country Start Time" data-shape="rectangle">

<rect x="566.6224999999998" y="694.3" width="311.674" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="722.4594999999998" y="712.75" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Scheduler auto-activates at Country Start Time</text>

</g>

<g class="node" data-id="C1" data-label="Warehouse Price Table &amp; Margins" data-shape="rectangle">

<rect x="457.1769999999999" y="338.70000000000005" width="243.50199999999995" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="578.9279999999999" y="357.15000000000003" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Warehouse Price Table &amp; Margins</text>

</g>

<g class="node" data-id="C2" data-label="Other Active / Scheduled Offers on Selected Products" data-shape="rectangle">

<rect x="728.6789999999999" y="338.70000000000005" width="351.6879999999999" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="904.5229999999998" y="357.15000000000003" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Other Active / Scheduled Offers on Selected Products</text>

</g>

<g class="node" data-id="C3" data-label="Ongoing Active Coupons (Storewide / Category / Product)" data-shape="rectangle">

<rect x="56" y="338.70000000000005" width="373.17699999999985" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="242.58849999999993" y="357.15000000000003" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Ongoing Active Coupons (Storewide / Category / Product)</text>

</g>

<g class="node" data-id="C4" data-label="Price Check Warnings (Items Below Cost)" data-shape="rectangle">

<rect x="1108.3669999999997" y="338.70000000000005" width="280.5519999999999" height="36.900000000000006" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="0.75" />

<text x="1248.6429999999996" y="357.15000000000003" text-anchor="middle" font-size="13" font-weight="500" fill="var(--_text)" dy="4.55">Price Check Warnings (Items Below Cost)</text>

</g>

</svg>