/* My Oasis material pick pages (Oct 26, 2026). Self-contained: every class starts with "pk-". */
.pk-card h3{margin:0 0 4px}.pk-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}
.pk-tile{display:flex;gap:14px;align-items:center;text-align:left;width:100%;background:#fbf8f3;border:1px solid #e3dacb;border-radius:16px;padding:12px;cursor:pointer;font:inherit;color:inherit;transition:.25s}
.pk-tile:hover{border-color:#1f5f60;box-shadow:0 10px 24px -14px rgba(22,61,92,.35)}
.pk-tile img{width:74px;height:74px;border-radius:12px;object-fit:cover;flex:none;background:#efe8dc}
.pk-tile strong{display:block;font:400 21px/1.2 "Fraunces",Georgia,serif;color:#22302b}.pk-tile span{display:block;font-size:14px;color:#5f6a64;margin-top:3px}
.pk-tile .pk-go{margin-left:auto;font-size:22px;color:#1f5f60}
.pk-pill{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;padding:3px 9px;margin-top:6px;background:#e8f3ec;color:#1d5b34}
.pk-pill.todo{background:#f3ead9;color:#7a5a1f}.pk-pill.lock{background:#e6ecef;color:#2f4b57}
/* dashboard progress + "Done" tiles (any page type) */
.pk-chead{display:block}
.pk-prog{display:flex;align-items:center;gap:12px;margin:8px 0 6px}
.pk-prog-n{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a5a1f;white-space:nowrap}
.pk-prog.all .pk-prog-n{color:#1d5b34}
.pk-prog-bar{display:block;flex:none;width:120px;height:5px;border-radius:99px;background:#ece3d3;overflow:hidden}
.pk-prog-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3f8a5a,#1d5b34);transition:width .5s}
.pk-thumb{position:relative;flex:none;line-height:0}
.pk-tile .pk-tx{min-width:0;flex:1}
.pk-ttop strong{margin-bottom:2px}
.pk-tile.is-done{background:linear-gradient(180deg,#f3f8f2,#eef5ee);border-color:#a9cdb3}
.pk-tile.is-done img{width:84px;height:84px;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #2f7a4a}
.pk-tile .pk-tick{margin:0;position:absolute;right:-7px;bottom:-7px;width:28px;height:28px;border-radius:50%;background:#2f7a4a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;line-height:1;border:2.5px solid #fff;box-shadow:0 4px 10px -4px rgba(29,91,52,.6)}
.pk-tile.is-locked .pk-tick{background:#2f4b57}
.pk-pill{font-style:normal}.pk-pill.done{background:#2f7a4a;color:#fff}.pk-pill.done.lock{background:#2f4b57;color:#fff}
.pk-chose{margin-top:9px;padding-top:8px;border-top:1px solid #d6e6da}
.pk-tile .pk-chose small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4f7a5d;margin:0}
.pk-tile .pk-chose b{display:block;font:400 17.5px/1.25 "Fraunces",Georgia,serif;color:#1d3b2c;margin-top:2px}
.pk-tile .pk-names{font-size:13.5px;color:#3c4a44;margin-top:2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pk-tile .pk-when{font-size:12.5px;color:#6b766f;margin-top:5px}
.pk-tile.is-done .pk-go{color:#2f7a4a}
@media(max-width:600px){.pk-tile{gap:16px;padding:14px}.pk-tile.is-done img{width:76px;height:76px}.pk-tile strong{font-size:19.5px}}
/* full-screen picker */
.pk-ov{position:fixed;inset:0;z-index:2147483000;background:#f7f3ec;overflow-y:auto;-webkit-overflow-scrolling:touch;color:#22302b;font:400 17px/1.55 "Source Sans 3","Segoe UI",system-ui,sans-serif}
.pk-ov[hidden]{display:none}
html.pk-open,html.pk-open body{overflow:hidden}
.pk-top{position:sticky;top:0;z-index:3;background:rgba(247,243,236,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #e3dacb}
.pk-top-in{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 18px}
.pk-back{background:none;border:0;font-family:inherit;font-size:15px;font-weight:600;color:#1f5f60;cursor:pointer;padding:10px 0;min-height:44px}
.pk-brand{margin-left:auto;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#5f6a64}
.pk-main{max-width:980px;margin:0 auto;padding:26px 18px 150px}
.pk-eyebrow{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#1f5f60;font-weight:700;margin:0 0 6px}
.pk-main h2{font:350 clamp(32px,6vw,46px)/1.08 "Fraunces",Georgia,serif;letter-spacing:-.015em;margin:0 0 10px}
.pk-intro{color:#3c4a44;margin:0 0 8px;max-width:720px}
.pk-banner{border-radius:14px;padding:12px 16px;margin:14px 0 4px;font-size:15.5px;background:#e8f3ec;color:#1d5b34}
.pk-banner.lock{background:#e6ecef;color:#2f4b57}.pk-banner.err{background:#fdecea;color:#8a1f11}
.pk-sec{font-family:inherit;font-size:13px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:#4b5b4d;font-weight:700;margin:30px 0 12px;display:flex;align-items:center;gap:12px}
.pk-sec:after{content:"";flex:1;height:1px;background:#e3dacb}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.pk-item{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px -20px rgba(22,61,92,.35);border:2px solid transparent;display:flex;flex-direction:column;transition:.25s}
.pk-item.on{border-color:#1f5f60;box-shadow:0 16px 34px -18px rgba(31,95,96,.55)}
.pk-ph{position:relative;aspect-ratio:4/3;background:#efe8dc;overflow:hidden}.pk-ph img{width:100%;height:100%;object-fit:cover;display:block}
.pk-sku{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.92);color:#1f5f60;font-size:12px;font-weight:700;letter-spacing:.06em;border-radius:99px;padding:4px 10px}
.pk-check{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;background:#1f5f60;color:#fff;display:none;align-items:center;justify-content:center;font-size:17px}
.pk-item.on .pk-check{display:flex}
.pk-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.pk-name{font:400 21px/1.2 "Fraunces",Georgia,serif;color:#22302b;margin:0}
.pk-bot{font-style:italic;color:#5f6a64;font-size:14.5px}
.pk-meta{font-size:14.5px;font-weight:600;color:#1f5f60}
.pk-note{font-size:15px;color:#3c4a44;margin:2px 0 0}
.pk-credit{font-size:11.5px;color:#7d8782;margin-top:2px}
.pk-ctl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 16px;padding:12px 0 14px;border-top:1px solid #efe8dc}
.pk-want{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px;cursor:pointer;min-height:44px}
.pk-want input{width:24px;height:24px;accent-color:#1f5f60;margin:0}
.pk-qty{display:flex;align-items:center;border:1px solid #e3dacb;border-radius:99px;overflow:hidden;background:#fbf8f3}
.pk-qty button{width:42px;height:44px;border:0;background:none;font-size:22px;color:#1f5f60;cursor:pointer}
.pk-qty button:disabled,.pk-qty input:disabled{opacity:.45;cursor:default}
.pk-qty input{width:54px;height:44px;border:0;background:none;text-align:center;font-family:inherit;font-size:17px;font-weight:600;color:#22302b;-moz-appearance:textfield}
.pk-qty input::-webkit-outer-spin-button,.pk-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pk-sub{font-size:14px;color:#5f6a64;min-height:20px;text-align:right}
.pk-empty{background:#fff;border:2px dashed #e3dacb;border-radius:20px;padding:40px 20px;text-align:center;color:#5f6a64}
.pk-bar{position:fixed;left:0;right:0;bottom:0;z-index:2147483001;background:#22302b;color:#fff;padding:12px 18px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -12px 30px -16px rgba(0,0,0,.45)}
.pk-bar[hidden]{display:none}
.pk-bar-in{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
.pk-tot{line-height:1.25}.pk-tot b{display:block;font:400 22px/1.15 "Fraunces",Georgia,serif;color:#fff}.pk-tot span{font-size:13.5px;color:#c5cec9}
.pk-submit{background:#f7f3ec;color:#154546;border:0;border-radius:99px;min-height:50px;padding:0 24px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap}
.pk-submit:disabled{opacity:.5;cursor:default}
.pk-foot{text-align:center;color:#5f6a64;font-size:13.5px;margin-top:34px}
@media(max-width:600px){.pk-grid{grid-template-columns:1fr}.pk-item{flex-direction:row;flex-wrap:wrap}.pk-ph{width:120px;aspect-ratio:auto;min-height:132px;flex:none}
 .pk-sku{left:8px;top:8px;font-size:10.5px;padding:3px 7px}.pk-check{right:8px;top:auto;bottom:8px;width:26px;height:26px;font-size:15px}
 .pk-body{flex:1;min-width:0;padding:12px 14px}.pk-name{font-size:19px}.pk-ctl{flex-basis:100%;margin:0 14px;padding:10px 0 12px}.pk-bot,.pk-note{font-size:14px}
 .pk-tot{min-width:0}.pk-tot b{font-size:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pk-submit{padding:0 18px;font-size:15px}.pk-main{padding-top:20px}}
.pk-recb{position:absolute;left:12px;bottom:12px;background:#b8893b;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;border-radius:99px;padding:4px 10px}
.pk-recn{margin:2px 0 2px;font-size:14.5px;font-weight:600;color:#7a5a1f;background:#f6eedd;border-radius:10px;padding:6px 10px}
.pk-item.pk-rec:not(.on){border-color:#e6d3ac}
@media(max-width:600px){.pk-recb{left:8px;bottom:8px;font-size:10.5px;padding:3px 7px}}
/* owner dashboard */
.pk-arow{border:1px solid #e3dacb;border-radius:14px;padding:14px 16px}
.pk-ahead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.pk-ahead strong{font-size:17px}.pk-ahead .pk-pill{align-self:flex-start;font-style:normal}.pk-ahead .pdoc-meta{display:block}
.pk-atable{width:100%;border-collapse:collapse;margin:10px 0 4px;font-size:15px}
.pk-atable th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5f6a64;font-weight:700;padding:6px 6px;border-bottom:1px solid #e3dacb}
.pk-atable td{padding:7px 6px;border-bottom:1px solid #f0ebe2;vertical-align:top}.pk-atable td.n{text-align:right;white-space:nowrap}.pk-atable td:first-child{white-space:nowrap}
.pk-aacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pk-aacts .btn{min-height:44px;padding:0 18px;flex:1 1 150px}
@media(max-width:600px){.pk-atable .hide-s{display:none}}

/* Plants "How many?" (required while checked). Oct 26, 2026 */
.pk-qwrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pk-qlab{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1f5f60}
.pk-item:not(.on) .pk-qlab{color:#7b847f}
.pk-item.pk-bad{border-color:#b3412e;box-shadow:0 14px 30px -18px rgba(179,65,46,.55)}
.pk-item.pk-bad .pk-qty{border-color:#b3412e;background:#fdf1ee}
.pk-qerr{margin:-4px 16px 14px;padding:8px 12px;border-radius:10px;background:#fdf1ee;color:#8a2c1c;font-size:14px;font-weight:600;line-height:1.35}
.pk-bar.pk-bar-warn .pk-tot span{color:#f3b8a8}
/* picks-finalize-1028: submit each page, then one finalize; phone Back closes the picker; notch-safe top bar */
.pk-top{padding-top:env(safe-area-inset-top)}
.pk-pill.todo.warn{background:#fde3e0;color:#8a1f11}
.pk-tile .pk-warnline{color:#8a1f11;font-weight:600}
.pk-banner.info{background:#eef5fa;color:#163d5c}
.pk-banner.ok{background:#e3f1e8;color:#1d5b34}.pk-banner.ok b{font-weight:700}
.pk-next{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.pk-nbtn{min-height:46px;padding:0 18px;border-radius:99px;border:1.5px solid #1f5f60;background:#fff;color:#1f5f60;font:700 15px/1 inherit;font-family:inherit;cursor:pointer}
.pk-nbtn.pri{background:#1f5f60;color:#fff}
.pk-final{margin-top:18px;padding-top:14px;border-top:1px solid #e3dacb}
.pk-final-t{margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7a5a1f}
.pk-final-b{width:100%;min-height:50px;font-size:16px}
.pk-rev{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.pk-rrow{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:12px;box-shadow:0 10px 26px -20px rgba(22,61,92,.35);border:1.5px solid #cfe3d5}
.pk-rrow.miss{border-color:#f1c4bd;background:#fffaf8}
.pk-rrow img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none;background:#efe8dc}
.pk-rtx{flex:1;min-width:0}.pk-rtx small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4f7a5d}
.pk-rtx b{display:block;font:400 18px/1.25 "Fraunces",Georgia,serif;color:#1d3b2c}.pk-rtx span{display:block;font-size:13.5px;color:#3c4a44}
.pk-rtx b.pk-rmiss{font:600 15px/1.3 inherit;font-family:inherit;color:#8a1f11}
.pk-rchg{flex:none;min-height:44px;padding:0 14px;border-radius:99px;border:1.5px solid #1f5f60;background:#fff;color:#1f5f60;font-weight:700;font-family:inherit;font-size:14.5px;cursor:pointer}
.pk-ask{margin:18px 0 0;background:#fff;border:2px solid #1f5f60;border-radius:16px;padding:16px}
.pk-ask b{font:400 21px/1.2 "Fraunces",Georgia,serif;color:#163d5c}.pk-ask p{margin:6px 0 0;font-size:15px;color:#3c4a44}