/* Fixed page actions and the visual mix-completion indicator. */
.tnp-custom-atta-allocation-progress{display:grid;gap:7px;margin:10px 0 12px;padding:10px 11px;border:1px solid #d8e8d3;border-radius:13px;background:linear-gradient(135deg,#f9fdf7 0%,#eef9ea 55%,#f5f6df 100%);box-shadow:0 6px 14px rgba(30,91,37,.06)}
.tnp-custom-atta-allocation-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.tnp-custom-atta-allocation-progress>div:first-child span{color:#55725a;font-size:9px;font-weight:600}.tnp-custom-atta-allocation-progress>div:first-child b{color:#1d6929;font-size:9px}.tnp-custom-atta-allocation-progress__track{height:9px;overflow:hidden;border-radius:999px;background:#d9ead4;box-shadow:inset 0 1px 2px rgba(25,82,29,.08)}.tnp-custom-atta-allocation-progress__track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5baf55,#abd54e 52%,#f2c94c);box-shadow:0 2px 6px rgba(75,148,63,.32);transition:width .25s cubic-bezier(.2,.8,.2,1)}.tnp-custom-atta-allocation-progress small{color:#68806b;font-size:8px;line-height:1.35}
.tnp-custom-atta-recipe-lock{margin:9px 0 0;padding:8px 10px;border:1px solid #d9e7d4;border-radius:11px;background:#f5faf2;color:#486a4e;font-size:9px;line-height:1.45}.tnp-custom-atta-ratio input:disabled{cursor:default;filter:saturate(.8);opacity:.7}
.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-toolbar{position:fixed;z-index:30;top:calc(54px + env(safe-area-inset-top));right:14px;left:14px;margin:0;pointer-events:none}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-toolbar button{pointer-events:auto}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-heading{padding-top:42px}
.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-builder{padding-bottom:150px!important}.tnp-custom-atta-guidance[hidden]{display:none!important}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-summary__progress{display:grid;grid-column:1/-1;gap:7px;padding:2px 1px 10px;border-bottom:1px solid #cfe2c9}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-summary__progress[hidden]{display:none}.tnp-custom-atta-summary__progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:20px}.tnp-custom-atta-summary__progress>div:first-child span{color:#45694a;font-size:11px;font-weight:700}.tnp-custom-atta-summary__progress>div:first-child b{color:#185c28;font-size:11px;white-space:nowrap}.tnp-custom-atta-summary__progress small{color:#466b4a!important;font-size:10px!important;font-weight:600}.tnp-custom-atta-summary__progress .tnp-custom-atta-allocation-progress__track{height:10px}

.tnp-custom-atta-grain__actions{grid-template-columns:minmax(0,1fr) minmax(84px,.75fr) auto!important}.tnp-custom-atta-grain__quick-adds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.tnp-custom-atta-grain__quick-adds>button{min-width:0;min-height:38px;padding:0 3px;border:1px solid #c9dec5;border-radius:10px;background:#fff;color:var(--local-green);font:600 8px Poppins,sans-serif}.tnp-custom-atta-grain__quick-adds>button:disabled{opacity:.45}

.tnp-custom-atta-build-recipe{display:grid;gap:7px;padding:13px;border:1px solid #c9dec5;border-radius:16px;background:linear-gradient(135deg,#fbfffa,#f0f8ec 68%,#fffdf4)}.tnp-custom-atta-build-recipe>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid #d8e6d3}.tnp-custom-atta-build-recipe header>div{display:grid;gap:2px}.tnp-custom-atta-build-recipe header small{color:var(--local-green);font-size:8px;font-weight:700;letter-spacing:.12em}.tnp-custom-atta-build-recipe h2{margin:0;color:var(--local-ink);font-size:14px;line-height:1.2}.tnp-custom-atta-build-recipe header>span{padding:5px 8px;border-radius:999px;background:#e4f3df;color:var(--local-deep);font-size:10px;font-weight:700;white-space:nowrap}.tnp-custom-atta-build-recipe [data-custom-build-recipe-list]{display:grid;gap:5px}.tnp-custom-atta-build-recipe [data-custom-build-recipe-list]>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#506b53;font-size:10px}.tnp-custom-atta-build-recipe [data-custom-build-recipe-list]>div b{color:var(--local-deep);font-size:10px;white-space:nowrap}.tnp-custom-atta-build-recipe p{margin:0;color:#627d65;font-size:10px}

.tnp-local-app .tnp-local-search{min-height:42px;padding:0 12px;border-color:#dce6da;box-shadow:0 3px 10px rgba(20,77,14,.035)}.tnp-local-app .tnp-local-search>span{font-size:21px}.tnp-local-app .tnp-local-search:focus-within{border-color:#dce6da;box-shadow:0 3px 10px rgba(20,77,14,.035)}.tnp-local-app .tnp-local-search input:focus,.tnp-local-app .tnp-local-search input:focus-visible{outline:0!important;box-shadow:none!important}
.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-summary{bottom:calc(14px + var(--custom-atta-keyboard-offset,0px))!important}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-guidance{position:fixed;z-index:34;right:14px;bottom:calc(84px + var(--custom-atta-keyboard-offset,0px));left:14px;display:grid;gap:7px;margin:0;padding:10px 11px;border:1px solid #d8e8d3;border-radius:13px;background:linear-gradient(135deg,#f9fdf7 0%,#eef9ea 55%,#f5f6df 100%);box-shadow:0 8px 18px rgba(30,91,37,.12);color:inherit}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-guidance>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:18px}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-guidance>div:first-child span{color:#55725a;font-size:9px;font-weight:600}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-guidance>div:first-child b{color:#1d6929;font-size:9px;white-space:nowrap}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-guidance .tnp-custom-atta-allocation-progress__track{height:9px;overflow:hidden;border-radius:999px;background:#d9ead4;box-shadow:inset 0 1px 2px rgba(25,82,29,.08)}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-guidance .tnp-custom-atta-allocation-progress__track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5baf55,#abd54e 52%,#f2c94c);box-shadow:0 2px 6px rgba(75,148,63,.32);transition:width .25s cubic-bezier(.2,.8,.2,1)}.tnp-local-app[data-local-view="custom-atta"] .tnp-custom-atta-guidance small{color:#68806b;font-size:8px;line-height:1.35}