*{box-sizing:border-box}body{margin:0;background:#f6f7f2;color:#203e35;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;min-height:46px;border:1px solid #d6dfd7;border-radius:12px;padding:10px 16px;background:white;color:#244e3e;font-weight:600}button:hover{background:#edf3eb}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #daaa4f;outline-offset:3px}header{background:white;border-bottom:1px solid #e2e7df;padding:20px max(5vw,20px);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;font-size:30px;font-weight:700}.brand span{font-size:18px;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:3px}main{max-width:1180px;margin:auto;padding:35px 24px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2px;color:#778274;font-weight:700}h1{font-size:32px;letter-spacing:-1px;margin:10px 0}p{color:#69766b;line-height:1.5}.intro p{margin:0}.date,.badge{background:#e9eee3;padding:8px 12px;border-radius:20px;font-size:12px}.summary{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px}.metric{background:#fff;border:1px solid #e0e5dc;border-radius:20px;padding:23px}.metric:first-child{background:#17634e;color:white;border:none}.metric label{display:block;font-size:12px;margin-bottom:12px}.metric strong{display:block;font-size:30px;letter-spacing:-1px}.metric small{display:block;margin-top:9px;opacity:.75;font-size:11px}.warn{color:#b24a29}nav{display:flex;gap:5px;margin:30px 0 24px;border-bottom:1px solid #dce3d7;padding-bottom:12px;overflow:auto}nav button{white-space:nowrap;background:transparent;border:0;color:#758070}nav button.active{background:#e0eadb;color:#244e3e}h2{font-size:23px;margin:0}h3{font-size:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.section-head p{font-size:13px;margin:6px 0 0}.primary{background:#17634e;color:white;border-color:#17634e}.primary:hover{background:#0e4b3b}.card{background:white;border:1px solid #e0e5dc;border-radius:18px;padding:20px;margin-bottom:14px}.empty{text-align:center;padding:48px 22px;background:#fff;border:1px dashed #cbd8c8;border-radius:20px}.empty .symbol{font-size:42px;background:#eff3e9;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px}.empty p{max-width:410px;margin:12px auto 22px;font-size:14px}.hint{background:#eef0df;padding:17px 20px;border-radius:14px;font-size:13px;margin-top:18px;line-height:1.6}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf0e9}.row:last-child{border:0}.row strong{display:block;font-size:14px}.row small{display:block;color:#768174;margin-top:5px;font-size:12px}.actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.money{font-weight:700;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid .card{margin:0}.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar input{flex:1;min-width:0}input,select{min-height:48px;border:1px solid #cdd8cc;border-radius:10px;padding:12px;background:white;color:#203e35;width:100%}.toolbar select{max-width:220px}.status{font-size:11px;display:inline-block;margin-top:7px;color:#397552}.quiet{background:transparent}.danger{color:#ac4131}.checkout{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:20px}.checkout select{max-width:220px}dialog{border:0;border-radius:22px;padding:26px;width:min(94vw,500px);color:#203e35;box-shadow:0 20px 100px #183a3444}dialog::backdrop{background:#17372b77}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#fields label{display:block;font-size:13px;margin:14px 0 7px}#fields .twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}#form>.primary{width:100%;margin-top:12px}#error{color:#aa3427}footer{text-align:center;font-size:11px;color:#899082;padding:35px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#203e35;color:white;border-radius:12px;padding:14px 22px;display:none;z-index:10;width:max-content;max-width:90vw}.total-preview{padding:15px;background:#edf4e8;border-radius:12px;margin-top:16px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #e7ecdf;white-space:nowrap}.scroll{overflow:auto}details summary{cursor:pointer;padding:12px 0}button:disabled{opacity:.45;cursor:default}@media(max-width:650px){header{padding:15px 18px}.brand span{font-size:15px}main{padding:24px 15px}h1{font-size:27px}.intro{display:block}.date{display:inline-block;margin-top:18px}.summary{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:17px;border-radius:15px}.metric:first-child{grid-column:1/-1}.metric:first-child strong{font-size:35px}.metric strong{font-size:25px}.metric small{font-size:10px}nav{margin-top:20px;position:sticky;top:0;background:#f6f7f2;z-index:2;padding-top:10px}.grid{grid-template-columns:1fr}.row{flex-wrap:wrap}.row>div:first-child{flex:1;min-width:150px}.actions{flex-wrap:wrap}.row .actions button{padding:10px 12px}.section-head{align-items:flex-start}h2{font-size:21px}.toolbar{flex-wrap:wrap}.toolbar select{max-width:none}.checkout{flex-wrap:wrap}.checkout select{max-width:none}.card{padding:16px}.eyebrow{font-size:9px}.section-head>.primary{font-size:13px}}

#sharing-content label{display:block;margin:16px 0 8px}#sharing-content button{margin:6px 6px 6px 0}#sync-status{display:block;font-size:13px;color:#315c49}@media(max-width:650px){header{flex-wrap:wrap;gap:14px}header>.actions{width:100%}header>.actions button{flex:1}}
.stock-legend,.stock-counts{display:flex;flex-wrap:wrap;gap:6px}.stock-legend{margin-bottom:12px}.stock-help{font-size:13px;margin-bottom:20px}.stock-badge{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:650;line-height:1.4}.stock-available{--stock-bg:#edf8f0;--stock-color:#24633b;--stock-line:#4b9562}.stock-low{--stock-bg:#fff5dc;--stock-color:#795400;--stock-line:#c9941e}.stock-empty{--stock-bg:#fff0ed;--stock-color:#a13529;--stock-line:#ce6253}.stock-unchecked{--stock-bg:#f0f2f4;--stock-color:#53616b;--stock-line:#98a3aa}.stock-badge{background:var(--stock-bg);color:var(--stock-color)}.stock-category{border:1px solid #dce3d7;border-radius:16px;background:white;margin-bottom:12px;overflow:hidden}.stock-category>summary{list-style:none;display:grid;grid-template-columns:minmax(160px,1fr) auto 20px;align-items:center;gap:14px;padding:18px;min-height:72px}.stock-category>summary::-webkit-details-marker{display:none}.stock-category>summary:focus-visible{outline:3px solid #daaa4f;outline-offset:-4px}.stock-category-title{font-weight:700}.stock-category-title small{display:block;font-size:12px;color:#69766b;font-weight:400;margin-top:4px}.stock-chevron{font-size:22px;transition:transform .15s}.stock-category[open] .stock-chevron{transform:rotate(180deg)}.stock-products{padding:0 16px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stock-product{padding:14px;background:var(--stock-bg);border-left:4px solid var(--stock-line);border-radius:12px;display:flex;flex-direction:column;gap:12px}.stock-product strong{display:block;font-size:14px}.stock-product small{display:block;font-size:12px;color:#53645b;margin:5px 0}.stock-product select{margin-top:auto;min-height:48px;border-color:var(--stock-line);color:var(--stock-color);font-weight:600}.stock-item-badge .stock-badge{padding-left:0}@media(max-width:650px){.stock-category>summary{grid-template-columns:1fr 20px;gap:10px;padding:16px}.stock-category .stock-counts{grid-column:1;grid-row:2}.stock-chevron{grid-column:2;grid-row:1/3}.stock-products{grid-template-columns:1fr;padding:0 12px 12px}.stock-badge{font-size:11px}.stock-product{padding:14px}.stock-legend .stock-badge{font-size:12px}}
.stock-product{position:relative}.stock-product>div:first-of-type{padding-right:34px}.stock-remove{position:absolute;right:5px;top:5px;width:44px;min-height:44px;padding:0;border:0;background:transparent;font-size:22px;line-height:1;color:#69766b;font-weight:400}.stock-remove:hover{background:#fff9;color:#a13529}.stock-removed{margin-top:24px;padding:0 16px;border-top:1px solid #dce3d7;color:#69766b;font-size:13px}.stock-removed summary{min-height:48px;padding:15px 0}.stock-removed .row strong{color:#203e35}
/* Visual da casa: superfícies claras, contraste preto e detalhes violeta. */
:root{--ink:#19181d;--muted:#727079;--line:#e9e8ed;--paper:#fff;--violet:#7135e8;--pink:#e943a2}
body{background:#f5f5f7;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
header{max-width:1180px;margin:0 auto;background:transparent;border:0;padding:28px 24px}
.brand{align-items:center;gap:12px;color:var(--ink);font-size:32px}.brand span{font-size:16px;letter-spacing:-.4px}.brand small{font-size:9px;color:var(--muted);letter-spacing:2.7px;margin-top:6px}
button{color:var(--ink);border-color:var(--line);border-radius:999px;font-size:13px;background:#fff;transition:background .15s,box-shadow .15s}
button:hover{background:#f0edf6}button:focus-visible,input:focus-visible,select:focus-visible,.stock-category>summary:focus-visible{outline-color:#9865ef}
header .actions button{padding:10px 19px}#share{background:#1b1a20;color:#fff;border-color:#1b1a20}#settings{background:#eae9ed;border-color:transparent}
main{max-width:1180px;padding:18px 24px 36px}.intro{margin:10px 0 30px;align-items:flex-end}.eyebrow{color:#78727f;font-size:9px;letter-spacing:2px}h1{font-size:40px;line-height:1.12;letter-spacing:-1.9px;font-weight:750;max-width:520px;margin:12px 0}.intro p{font-size:14px;color:var(--muted)}
p,.row small{color:var(--muted)}.date{background:#fff;border:1px solid var(--line);padding:10px 15px;color:#625d6a;font-size:11px}.badge{background:#f0ebfa;color:#63438a}
.summary{gap:16px;grid-template-columns:1.25fr 1fr 1fr}.metric{border:0;border-radius:26px;padding:26px;box-shadow:0 4px 24px #21163804;display:flex;flex-direction:column;justify-content:center;min-height:186px}.metric label{font-size:10px;letter-spacing:1.4px;color:#73707a;margin-bottom:18px}.metric strong{font-size:34px;font-weight:700;letter-spacing:-1.3px;font-variant-numeric:tabular-nums}.metric small{font-size:11px;line-height:1.6;opacity:1;color:#78727f;margin-top:12px}
.metric:first-child{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 140%,#ffd7eb 0%,#c839aa 24%,#6223a6 45%,transparent 66%),#1b191f;color:white;box-shadow:0 14px 28px #5826881a}.metric:first-child:after{content:"";position:absolute;width:94px;height:94px;right:-22px;top:-30px;border:1px solid #ffffff20;border-radius:50%;pointer-events:none}.metric:first-child label{color:#e1dae9}.metric:first-child strong{font-size:42px}.metric:first-child small{color:#e3d9e9}.metric .warn{color:#b6344b}
nav{width:fit-content;max-width:100%;background:#ecebf0;padding:6px;border:0;border-radius:999px;margin:30px 0;gap:3px}nav button{min-height:45px;padding:11px 22px;font-size:13px;font-weight:500;color:#6f6878}nav button.active{background:#1c1b20;color:white;box-shadow:0 3px 9px #16102016}nav button:hover:not(.active){background:#f9f8fb}
h2{font-size:24px;letter-spacing:-.8px}h3{letter-spacing:-.3px}.section-head{margin-bottom:24px;align-items:center}.section-head p{font-size:13px;line-height:1.6;max-width:550px}.primary{color:#fff;border:0;background:radial-gradient(ellipse at 95% 180%,#fbc9e3 5%,#b337a5 32%,#553084 50%,transparent 72%),#1c1a21;box-shadow:0 4px 12px #52277a12;padding:12px 22px}.primary:hover{background:#49305e}
.card{border:0;border-radius:24px;padding:24px;box-shadow:0 3px 18px #24202d03}.row{border-color:#f0edf3;padding:18px 0}.row strong{font-weight:650}.row .actions button{background:#f4f3f6;border-color:transparent;font-size:12px;min-height:44px}.row .actions button:hover{background:#eae3f6}.money{font-variant-numeric:tabular-nums}.danger{color:#ad3546}
.empty{border:1px solid #eeebf2;border-radius:28px;padding:40px 24px;background:#fff}.empty .symbol{background:radial-gradient(circle at 80% 85%,#f1d4ed,#f5effa 65%);width:76px;height:76px;font-size:32px;border:1px solid #efe6f5}.empty h2,.empty h3{letter-spacing:-.8px}.empty p{line-height:1.7;color:#807a85}.empty button{background:#1c1b20;color:white;border-color:transparent}
.hint{background:#efecf5;color:#645671;border-radius:18px;font-size:12px;padding:18px 22px}.hint strong{color:#49355b}.toolbar{flex-wrap:wrap;gap:8px}.toolbar button{font-size:12px}.toolbar input,.toolbar select{background:#fff}.status{background:#f0eaf8;color:#72519b;padding:5px 10px;border-radius:99px;font-size:11px}
input,select{border-color:#e3dfe9;border-radius:14px;color:var(--ink);font-size:14px;padding:12px 14px}input::placeholder{color:#938d99}.total-preview{background:#f1ebfa;border-radius:18px;color:#533571}th,td{border-color:#eeebf2}th{color:#82788d;font-size:11px;font-weight:500}
dialog{border-radius:28px;color:var(--ink);box-shadow:0 30px 100px #21123140;padding:28px}dialog::backdrop{background:#17101e66;backdrop-filter:blur(5px)}.dialog-head h2{font-size:22px}.dialog-head button{width:44px;min-height:44px;padding:0;background:#f1eff4;border:0}.dialog-head{gap:10px}#fields label,#sharing-content label{color:#706779}#sharing-content p{font-size:13px;line-height:1.7}#toast{background:#201b29;border:1px solid #ffffff20;border-radius:20px;font-size:13px;box-shadow:0 8px 35px #29143d25}footer{padding:30px 0;color:#8a818f}#sync-status{font-size:11px;color:#7b7184}
.stock-category{border:1px solid #ece8f0;border-radius:22px;margin-bottom:12px;box-shadow:0 3px 18px #24202d03}.stock-category>summary{padding:20px 22px}.stock-category-title{font-size:14px;letter-spacing:-.2px}.stock-category-title small{color:#82798a;font-size:11px}.stock-chevron{color:#92869f;font-size:22px}.stock-help{color:#82798a;font-size:12px;line-height:1.7}.stock-badge{font-size:11px;font-weight:600}.stock-product{border-radius:18px}.stock-product select{border-radius:12px}.stock-product strong{color:#27222c}.stock-product small{color:#756b7a}.stock-removed{border-color:#e5deeb}.stock-removed .row strong{color:var(--ink)}
@media(max-width:650px){header{padding:22px 20px 12px;gap:18px}.brand span{font-size:16px}.brand{font-size:30px}header>.actions{width:auto;margin-left:auto;gap:6px}header>.actions button{padding:9px 12px;font-size:11px;min-height:42px;flex:initial}.brand small{font-size:8px;letter-spacing:2px}main{padding:12px 18px 28px}.intro{margin:10px 0 23px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:33px;letter-spacing:-1.4px;max-width:285px;margin:12px 0}.intro p{font-size:12px;max-width:290px;line-height:1.6}.date{display:inline-block;margin-top:15px;font-size:10px;padding:7px 11px}.summary{grid-template-columns:1fr 1fr;gap:10px}.metric{border-radius:22px;padding:18px;min-height:137px}.metric:first-child{min-height:179px;padding:25px;grid-column:1/-1}.metric label{font-size:8px;letter-spacing:1px;margin-bottom:12px}.metric strong{font-size:26px;letter-spacing:-1px}.metric:first-child strong{font-size:42px}.metric small{font-size:10px;line-height:1.5;margin-top:9px}.metric:first-child small{font-size:11px}nav{position:sticky;top:8px;width:100%;margin:22px 0;padding:5px;gap:0;box-shadow:0 4px 20px #1d122412;background:#efedf3;z-index:2;overflow:auto}nav button{flex:1;min-width:0;min-height:46px;padding:10px 6px;font-size:10px;letter-spacing:-.2px}h2{font-size:22px}.section-head{gap:10px;align-items:flex-start;margin-bottom:18px}.section-head p{font-size:12px}.section-head>button{padding:10px 14px;font-size:11px;flex-shrink:0}.empty{padding:32px 18px;border-radius:24px}.empty p{font-size:12px}.hint{padding:16px;font-size:11px}.card{padding:18px;border-radius:22px}.toolbar button{font-size:11px;padding:10px 13px}.stock-category>summary{padding:17px}.stock-counts{gap:5px}.stock-badge{font-size:10px;padding:5px 8px}.stock-products{padding:0 12px 12px}.stock-product{padding:15px}.stock-product>div:first-of-type{padding-right:32px}.stock-remove{padding:0}.stock-legend .stock-badge{font-size:11px}.stock-category-title{font-size:14px}dialog{padding:22px;border-radius:25px}#sharing-content button{font-size:12px}}
@media(prefers-reduced-motion:reduce){button,.stock-chevron{transition:none}}
.summary{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr)}.metric{min-width:0}.metric strong{overflow-wrap:anywhere}@media(max-width:650px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:clamp(20px,6.1vw,26px)}.metric:first-child strong{font-size:42px}header{padding-bottom:4px}.intro{margin-top:4px}}
@media(max-width:650px){.metric:not(:first-child){padding:16px 13px}.metric:not(:first-child) strong{font-size:20px;white-space:nowrap;overflow-wrap:normal;letter-spacing:-.8px}}
/* Estoque no mesmo estilo dos cartões principais. */
.stock-category{background:#fff;border:0;border-radius:26px;box-shadow:0 5px 24px #24172f05;margin-bottom:14px}.stock-category>summary{padding:22px 24px}.stock-category-title{font-size:15px;font-weight:650}.stock-category-title small{margin-top:6px}.stock-category .stock-chevron{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f3f1f6;font-size:18px;color:#6f617c}.stock-category>summary{grid-template-columns:minmax(160px,1fr) auto 30px}.stock-products{padding:0 18px 18px;gap:14px}.stock-product{border:0;border-radius:24px;padding:22px;min-height:196px;overflow:hidden;background:radial-gradient(ellipse at 105% 110%,var(--stock-glow) 0%,var(--stock-bg) 48%,#fff 88%);box-shadow:inset 0 0 0 1px #21182a06}.stock-available{--stock-bg:#edf8f0;--stock-glow:#b4e9c7;--stock-color:#24633b;--stock-line:#4b9562}.stock-low{--stock-bg:#fff7e7;--stock-glow:#f7d68b;--stock-color:#795400;--stock-line:#c9941e}.stock-empty{--stock-bg:#fff0f0;--stock-glow:#f3b4bd;--stock-color:#a13529;--stock-line:#ce6253}.stock-unchecked{--stock-bg:#f2eff8;--stock-glow:#dcd4ed;--stock-color:#655774;--stock-line:#a399b1}.stock-product strong{font-size:16px;letter-spacing:-.35px;font-weight:650;line-height:1.4}.stock-product small{font-size:12px;margin-top:8px;margin-bottom:12px;color:#786e7e}.stock-item-badge .stock-badge{padding:5px 10px;background:#ffffffad;color:var(--stock-color);border:1px solid #ffffffcc}.stock-product select{background:#ffffffc9;border:1px solid #ffffffef;border-radius:999px;min-height:48px;padding:11px 16px;font-size:13px;font-weight:600;color:var(--stock-color);box-shadow:0 3px 12px #21182a05}.stock-product select:focus-visible{outline-color:var(--stock-line)}.stock-remove{right:9px;top:9px;border-radius:50%;color:#84798d;font-size:22px}.stock-remove:hover{background:#ffffffb5;color:#aa3546}.stock-counts .stock-badge,.stock-legend .stock-badge{background:linear-gradient(115deg,var(--stock-bg),var(--stock-glow));padding:6px 11px;border:1px solid #ffffff8c}.stock-legend{gap:8px}.stock-help{padding:2px 4px}.stock-removed{border:0;border-radius:22px;background:#eeebf3;padding:2px 18px}.stock-removed summary{color:#776980}
@media(max-width:650px){.stock-category{border-radius:24px}.stock-category>summary{padding:18px;grid-template-columns:1fr 30px;gap:12px}.stock-category-title{font-size:14px}.stock-category .stock-counts{grid-column:1;grid-row:2}.stock-category .stock-chevron{grid-column:2;grid-row:1/3}.stock-products{padding:0 12px 12px;gap:10px}.stock-product{border-radius:21px;padding:18px;min-height:186px}.stock-product strong{font-size:15px}.stock-product select{font-size:13px}.stock-product>div:first-of-type{padding-right:32px}.stock-counts .stock-badge{font-size:10px;padding:5px 9px}.stock-legend .stock-badge{font-size:11px}.stock-remove{right:6px;top:6px}}
/* Estoque: fundo neutro, cor concentrada no seletor e no detalhe lateral. */
.stock-product{background:linear-gradient(135deg,#fff 52%,var(--stock-bg) 100%);box-shadow:inset 0 0 0 1px #e9e5ed;border-left:3px solid var(--stock-line);min-height:156px}.stock-item-badge{display:none}.stock-product small{margin-bottom:4px}.stock-product select{background:var(--stock-bg);color:var(--stock-color);border:1px solid var(--stock-line);box-shadow:none;font-weight:650}.stock-counts .stock-badge,.stock-legend .stock-badge{background:var(--stock-bg);border:1px solid transparent}.stock-product strong{color:#211d26}.stock-product small{color:#665d6e}.stock-remove{color:#716779}.stock-unchecked{--stock-bg:#f3f1f6;--stock-glow:#e6e1ed;--stock-color:#60536e;--stock-line:#b6adbf}@media(max-width:650px){.stock-product{min-height:150px}}
/* Refinamento do estoque: sem faixa lateral, tipografia e controles discretos. */
.stock-product{border:0;box-shadow:inset 0 0 0 1px #21182a05;background:linear-gradient(135deg,#fff 52%,var(--stock-bg) 100%);padding:22px;border-radius:24px}.stock-product strong{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.35px;line-height:1.45;color:#18171b}.stock-product small{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;color:#7a767f;margin:7px 0 4px}.stock-product select{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;border:0;box-shadow:none;background:var(--stock-bg);color:var(--stock-color);border-radius:999px;min-height:46px;padding:12px 16px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6876' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 10 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.stock-remove{width:44px;min-height:44px;background:transparent;border:0;color:#8e8795;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:20px;right:8px;top:8px}.stock-remove:hover{background:#f1edf5;color:#29232f}.stock-category-title{font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:15px;letter-spacing:-.3px;color:#19171c}.stock-category-title small{font-size:11px;letter-spacing:0;font-weight:400}.stock-badge{font-family:Arial,Helvetica,sans-serif;font-weight:500}.stock-removed button{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:500;background:#1c1b20;color:white;border:0;border-radius:999px;padding:10px 18px}.stock-category .stock-chevron{background:#f1eff4;color:#61586b;font-weight:400}.stock-help{font-family:Arial,Helvetica,sans-serif;font-weight:400}@media(max-width:650px){.stock-product{padding:18px;border-radius:22px}.stock-product strong{font-size:15px}.stock-product select{font-size:13px;min-height:48px}.stock-category-title{font-size:14px}}
.plan-quantity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.plan-quantity>div{min-width:0}.plan-quantity input,.plan-quantity select{width:100%;min-height:50px;font-size:16px}
.cart-price{margin-top:20px;padding:18px;background:#f2edf9;border-radius:20px}#fields .cart-price label{margin:0 0 10px;color:#51405f;font-weight:600}.cart-price input{min-height:70px;font-size:32px;font-weight:700;letter-spacing:-.7px;font-variant-numeric:tabular-nums;background:#fff;border-color:#ded2ed}.cart-price small{display:block;font-size:11px;color:#776787;margin-top:9px}#fields .twocol>div{min-width:0}#fields .twocol label{font-size:12px;min-height:30px;display:flex;align-items:end}#fields .twocol input,#fields .twocol select{font-size:16px}
@media(max-width:650px){dialog[open]{position:fixed;top:calc(var(--dialog-visible-top,0px) + 12px);bottom:auto;left:0;right:0;margin:0 auto;max-height:calc(var(--dialog-visible-height,100dvh) - 24px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding:42px 0 22px}dialog input,dialog select{font-size:16px}.cart-price input{font-size:32px}}
#product-suggestions{margin:10px 0 18px}#product-suggestions>small{display:block;color:#82778d;font-size:11px;margin-bottom:7px}#product-suggestions button{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:11px 14px;border-radius:13px;margin-top:5px;background:#f3eff8;border:0;font-size:13px;font-weight:600}#product-suggestions button small{display:block;font-size:10px;font-weight:400;color:#7d708a;margin-top:4px}.purchase-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.purchase-legend span{padding:6px 10px;border-radius:9px;font-size:11px}.purchase-missing{--purchase-bg:#fff6e6;--purchase-color:#886015}.purchase-cart{--purchase-bg:#eaf7f0;--purchase-color:#276949}.purchase-bought{--purchase-bg:#efedf4;--purchase-color:#726b7e}.purchase-legend span{background:var(--purchase-bg);color:var(--purchase-color)}.purchase-row{background:var(--purchase-bg);border:0;border-radius:16px;margin:9px 0;padding:16px}.purchase-row .status{background:white;color:var(--purchase-color);font-weight:600}.purchase-row.purchase-cart .actions button[data-action="to-cart"]{background:#276949;color:white}.purchase-row.purchase-bought>div:first-child{opacity:.7}@media(max-width:650px){.purchase-row{padding:14px}.purchase-row .actions{width:100%;gap:6px}.purchase-row .actions button{font-size:11px;flex:1}.purchase-legend{gap:5px}.purchase-legend span{font-size:10px;padding:6px 8px}}
/* Ação de carrinho com o mesmo acabamento do botão Compra atual. */
.purchase-row .actions button[data-action="to-cart"]{color:#fff;border:0;border-radius:999px;background:radial-gradient(ellipse at 95% 180%,#fbc9e3 5%,#b337a5 32%,#553084 50%,transparent 72%),#1c1a21;box-shadow:0 4px 12px #52277a12;font-weight:600}.purchase-row .actions button[data-action="to-cart"]:hover{background:#49305e}
.row .actions button.plan-include{color:#fff;border:0;border-radius:999px;background:radial-gradient(ellipse at 95% 180%,#fbc9e3 5%,#b337a5 32%,#553084 50%,transparent 72%),#1c1a21;box-shadow:0 4px 12px #52277a12;font-weight:600}.row .actions button.plan-include:hover{background:#49305e}
.purchase-outside{--purchase-bg:#f7f6f9;--purchase-color:#82798c}.purchase-row.purchase-outside .status{background:#edeaf2;color:#82798c}
.purchase-row.purchase-planning{background:transparent;border-radius:0;border-bottom:1px solid #f0edf3;margin:0;padding:18px 0}.purchase-row.purchase-planning:last-child{border-bottom:0}.purchase-row.purchase-planning .status{background:var(--purchase-bg);color:var(--purchase-color)}.purchase-row.purchase-planning.purchase-outside .status{background:#edeaf2;color:#82798c}
/* Teste dos cartões do estoque no estilo da compra atual. */
.stock-product.stock-available{--stock-bg:#eaf7f0;--stock-color:#276949}.stock-product.stock-low{--stock-bg:#fff6e6;--stock-color:#886015}.stock-product.stock-empty{--stock-bg:#fff0ee;--stock-color:#a13529}.stock-product.stock-unchecked{--stock-bg:#f7f6f9;--stock-color:#82798c}.stock-product{background:var(--stock-bg);border:0;border-radius:16px;box-shadow:none;padding:16px;min-height:150px}.stock-product select{background:#fff;color:var(--stock-color);border-radius:999px;font-weight:600}.stock-product strong{font-size:14px;font-weight:650}.stock-product small{font-size:12px;color:#768174}@media(max-width:650px){.stock-product{padding:14px;border-radius:16px}.stock-product select{min-height:48px}}
.stock-buy-action:empty{display:none}.stock-buy-action button{width:100%;font-size:12px;min-height:44px}.stock-buy-action small{margin:0;color:#6b6077}.purchase-filter{margin-top:16px;margin-bottom:12px}

.receipt-row{padding:18px;margin:12px 0;background:#f5f3f9;border-radius:18px}.receipt-row>small,.receipt-row>strong{display:block;margin-bottom:8px}.receipt-help{margin-top:20px}.receipt-help textarea{width:100%;box-sizing:border-box;border:1px solid #ddd6ea;border-radius:14px;padding:12px;font:inherit}.receipt-check{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.receipt-check input{width:auto;min-height:20px;flex-shrink:0}.receipt-review{margin-top:12px}
.cart-price input{text-align:center;}

@media(max-width:650px){dialog.price-focus #form>button[type="submit"]{position:sticky;bottom:0;z-index:3;margin-top:12px;box-shadow:0 -10px 18px 8px #fff}dialog.price-focus .cart-price{padding:12px;margin-top:12px}dialog.price-focus .cart-price input{min-height:56px}dialog.price-focus{scroll-padding-bottom:80px}}

#purchase-bar{display:none}#undo-last{margin-left:10px;padding:8px 14px;background:#fff;color:#34233d;border:0;border-radius:99px;font-weight:600}@media(max-width:650px){#purchase-bar:not([hidden]){display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;justify-content:space-between;gap:16px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 24px #23172b12;border-radius:20px 20px 0 0}#purchase-bar small,#purchase-bar strong{display:block}#purchase-bar small{font-size:11px;color:#786a86}#purchase-bar strong{font-size:20px;font-variant-numeric:tabular-nums}#purchase-bar>div:last-child{text-align:right}body:has(#purchase-bar:not([hidden])) main{padding-bottom:120px}#toast{bottom:110px;max-width:calc(100vw - 40px)}}

@media(max-width:650px){#purchase-bar:not([hidden]){transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}#purchase-bar.is-visible:not([hidden]){transform:translateY(0);opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){#purchase-bar:not([hidden]){transition:none}}

.brand{align-items:center}.brand-icon{width:46px;height:46px;border-radius:12px;flex-shrink:0}@media(max-width:650px){.brand{gap:9px}.brand-icon{width:38px;height:38px;border-radius:10px}}

.sync-top{display:block;margin:10px auto 0;max-width:calc(100% - 36px);min-height:32px;padding:6px 14px;border:0;background:#eeeaf4;color:#776584;font-size:11px;font-weight:500;border-radius:99px}.sync-top[data-tone="connected"]{background:#edf6f0;color:#327451}.sync-top[data-tone="pending"]{background:#fff4e2;color:#996924}.sync-top[data-tone="review"]{background:#fdecee;color:#a74558}

/* Cabeçalho compacto: conexão e ações no mesmo canto. */
header{padding-top:12px;padding-bottom:12px;gap:12px}.header-controls{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}.header-controls .actions{display:flex;gap:6px}.header-controls .sync-top{margin:0;max-width:240px;min-height:24px;padding:3px 9px;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-controls .actions button{min-height:34px;padding:7px 12px;font-size:11px}
@media(max-width:650px){header{padding:10px 16px;gap:8px}.brand-icon{width:32px;height:32px}.brand{gap:7px;flex-shrink:0}.brand span{font-size:13px}.brand small{font-size:7px;letter-spacing:1.5px}.header-controls{gap:4px;flex:1}.header-controls .sync-top{max-width:160px;min-height:20px;padding:2px 7px;font-size:9px}.header-controls .actions{gap:4px}.header-controls .actions button{min-height:32px;padding:6px 9px;font-size:10px}}
@media(max-width:360px){.brand span{font-size:12px}.brand-icon{width:28px;height:28px}.header-controls .sync-top{max-width:135px}.header-controls .actions button{padding:6px 7px}}

.conflict-row{padding:14px;background:#f3f0f7;border-radius:16px;margin:12px 0}.conflict-row>strong,.conflict-row>small{display:block;margin-bottom:6px}

#nav{position:relative;isolation:isolate}#nav.indicator-ready::before{content:"";position:absolute;left:0;top:0;width:var(--nav-w);height:var(--nav-h);transform:translate(var(--nav-x),var(--nav-y));background:#1c1b20;border-radius:999px;box-shadow:0 3px 9px #16102016;transition:transform .28s cubic-bezier(.22,.8,.25,1),width .28s ease;height:var(--nav-h);pointer-events:none;z-index:-1}#nav.indicator-ready button.active{background:transparent;box-shadow:none}#nav button{transition:color .2s ease}#nav.indicator-ready button:hover{background:transparent}@media(max-width:650px){#nav{position:sticky}}@media(prefers-reduced-motion:reduce){#nav.indicator-ready::before,#nav button{transition:none}}

.last-paid{font-size:11px;color:#80628f;line-height:1.5;margin:10px 0}.last-paid:empty{display:none}@media(max-width:650px){.section-head{flex-wrap:wrap}.section-head>div{flex:1 1 170px;min-width:0}.section-head>button{flex:0 1 auto;max-width:100%;white-space:normal}.row strong,.stock-product strong,.receipt-row small,.conflict-row strong{overflow-wrap:anywhere}.row .actions{max-width:100%;gap:6px}.toolbar input,.toolbar select,dialog input,dialog select,dialog textarea{font-size:16px}dialog .cart-price input{font-size:32px}#sharing-content strong,#sharing-content p{overflow-wrap:anywhere}#sharing-content button{max-width:100%;white-space:normal}.stock-product select{min-width:0}.last-paid{font-size:11px}.dialog-head h2{min-width:0;overflow-wrap:anywhere}.dialog-head button{flex-shrink:0}}@media(max-width:360px){.metric:not(:first-child){padding:14px}.metric:not(:first-child) strong{font-size:20px;letter-spacing:-.7px}}

.estimate-box{background:#eee9f6;border-radius:20px;padding:18px;margin-bottom:18px}.estimate-box>small{display:block;font-size:10px;letter-spacing:1px;color:#7c668f}.estimate-box>strong{display:block;font-size:26px;margin-top:8px}.estimate-box p{font-size:12px;margin:8px 0 0}.estimate-box details small{display:block;padding:5px 0}.app-update{padding:14px;background:#f3f0f7;border-radius:16px;margin-top:14px}.app-update small{display:block;margin-bottom:10px;font-size:11px}.app-update p{font-size:12px}

.history-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.history-head p{font-size:13px;margin:7px 0 0}.history-actions{display:flex;gap:8px;flex-shrink:0}.history-actions button{font-size:12px}.history-month-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-month-title h3{margin:0}.history-month-title>small{color:#948a9e;font-size:11px}.history-totals{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin:22px 0 18px}.history-total-main{background:#f0eaf7;border-radius:20px;padding:22px}.history-totals small{display:block;color:#82718e;font-size:11px}.history-total-main small{letter-spacing:1px;font-size:10px}.history-total-main strong{display:block;font-size:34px;letter-spacing:-1px;margin-top:10px}.history-total-food{padding:20px}.history-total-food strong{display:block;font-size:24px;margin:10px 0}.history-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:22px}.history-breakdown>div{background:#f8f7fa;border-radius:14px;padding:14px 16px}.history-breakdown small{display:block;font-size:11px;color:#91859d}.history-breakdown strong{display:block;font-size:17px;margin-top:7px;font-weight:600}.history-records{border-top:1px solid #eeebf3;padding-top:20px}.history-records-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.history-records-title h4{font-size:13px;margin:0;color:#6c6077;font-weight:500}.history-records-title small{font-size:10px;color:#a196ab}.history-record{border-bottom:1px solid #f1eef5}.history-record:last-child{border-bottom:0}.history-record summary{display:grid;grid-template-columns:110px 1fr auto 16px;align-items:center;gap:14px;padding:14px 0;font-size:12px;color:#8a7d96;list-style:none}.history-record summary::-webkit-details-marker{display:none}.history-record-value{color:#706078;font-weight:500;font-variant-numeric:tabular-nums}.history-record-arrow{text-align:right}.history-record[open] .history-record-arrow{transform:rotate(180deg)}.history-record-body{background:#f9f8fb;border-radius:16px;padding:16px;margin-bottom:14px}.history-record-body p{margin:0;padding:10px 0;font-size:12px;border-bottom:1px solid #eeebf2}.history-record-body p strong,.history-record-body p span,.history-record-body p small{display:block}.history-record-body p strong{font-weight:500;color:#5e4f6b}.history-record-body p span{margin-top:4px}.history-record-body p small{font-size:10px;margin-top:4px;color:#a096a9;overflow-wrap:anywhere}.history-record-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.history-record-actions button{font-size:11px}.history-note,.history-empty{font-size:11px;color:#94879f}.history-note{padding:0 8px}
@media(max-width:650px){.history-head{display:block;margin-bottom:18px}.history-head p{font-size:12px}.history-actions{margin-top:14px}.history-actions button{flex:1;padding:10px 9px;font-size:11px}.history-totals{gap:8px;margin:18px 0 14px;grid-template-columns:1fr}.history-total-main{padding:18px}.history-total-main strong{font-size:32px}.history-total-food{padding:8px 4px;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.history-total-food strong{font-size:20px;margin:0}.history-total-food small:last-child{grid-column:1/-1;font-size:10px}.history-breakdown{gap:6px;padding-bottom:18px}.history-breakdown>div{padding:12px 8px}.history-breakdown small{font-size:10px}.history-breakdown strong{font-size:14px;letter-spacing:-.3px;overflow-wrap:anywhere}.history-records-title{display:block}.history-records-title small{display:block;margin-top:5px}.history-record summary{grid-template-columns:76px 1fr auto 12px;gap:7px;font-size:11px}.history-record-value{font-size:11px}.history-record-body{padding:12px}.history-month-title h3{font-size:15px}}

.history-month-picker{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:16px}.history-month-picker label{font-size:12px;color:#887b93}.history-month-picker select{max-width:240px;border-radius:99px;background:#fff}.history-chart-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.history-chart-title h3{margin:0}.history-chart-title small{font-size:11px;color:#a093aa}.history-chart-bars{display:flex;gap:12px;overflow-x:auto;padding:20px 4px 8px;align-items:end}.history-chart-month{flex:1;min-width:85px;max-width:150px;padding:8px;border:0;background:transparent;border-radius:12px;font-weight:400}.history-chart-month:hover{background:#f7f4fb}.history-chart-track{display:flex;align-items:flex-end;justify-content:center;height:130px;border-bottom:1px solid #eee9f3}.history-chart-bar{display:block;width:32px;border-radius:8px 8px 0 0;background:#d7c8e6}.history-chart-month.selected .history-chart-bar{background:linear-gradient(0deg,#b533a0,#6f39a1)}.history-chart-value{display:block;font-size:11px;color:#8a779a;margin-bottom:8px;white-space:nowrap}.history-chart-label{display:block;font-size:11px;color:#9b8da6;margin-top:10px}.history-chart p{font-size:11px;color:#9b8da6;line-height:1.5;margin-bottom:0}@media(max-width:650px){.history-month-picker{justify-content:space-between}.history-month-picker select{max-width:190px;font-size:14px}.history-chart-title{display:block}.history-chart-title small{display:block;margin-top:6px}.history-chart-month{min-width:80px}.history-chart-track{height:110px}}
/* No computador, a lista aberta segue o visual da casa. No celular, mantém o seletor do sistema. */
@supports (appearance:base-select){
 @media(min-width:651px) and (hover:hover) and (pointer:fine){
  select,select::picker(select){appearance:base-select}
  select{align-items:center;gap:12px;cursor:pointer;background-image:none!important}
  select::picker-icon{color:#887b93;transition:rotate .18s}
  select:open::picker-icon{rotate:180deg}
  select::picker(select){margin-top:7px;padding:6px;border:1px solid #e9e3ef;border-radius:16px;background:#fff;color:#29232f;box-shadow:0 12px 36px #28163820;max-height:320px;overflow:auto;font-family:inherit;font-size:13px}
  select option{display:flex;align-items:center;gap:10px;min-height:40px;padding:10px 12px;border-radius:10px;background:transparent;color:#51475b;font-weight:400;white-space:normal;cursor:pointer}
  select option:hover,select option:focus{background:#f4effa;color:#5e3382;outline:none}
  select option:checked{background:#eee6f7;color:#61318a;font-weight:600}
  select option::checkmark{color:#7135a3;margin-left:auto;order:2}
  .stock-product select{appearance:base-select;padding-right:16px}
 }
}
/* Navegação e planejamento: hierarquia clara, inclusive em telas pequenas. */
#nav{background:#e9e5ef;border:1px solid #ded7e8;box-shadow:0 5px 18px #39234b0b}
#nav button{display:flex;align-items:center;justify-content:center;gap:7px;color:#574c64}#nav button.active{color:#fff}
.nav-icon{width:19px;height:19px;flex-shrink:0}
.list-controls{margin:0 0 14px}.list-view-tabs{display:flex;gap:4px;padding:5px;background:#eae6ef;border-radius:18px;max-width:620px}.list-view-tabs button{flex:1;min-width:0;border:0;border-radius:14px;background:transparent;padding:10px 12px;font-size:12px;color:#61556c;box-shadow:none}.list-view-tabs button.primary{background:#fff;color:#2b2137;box-shadow:0 2px 8px #32213d10}.list-view-tabs button span{font-size:10px;margin-left:3px;color:#82678f}.list-new-purchase{display:flex;justify-content:flex-end;max-width:620px;margin-top:5px}.list-new-purchase button{border:0;background:transparent;color:#89768e;font-size:11px;padding:7px 10px;min-height:36px}.purchase-filter{margin:4px 0 12px}.purchase-filter button{min-height:36px;padding:7px 12px;font-size:11px;border-radius:10px}.purchase-filter button[aria-pressed="false"]{background:#fff;border-color:#e4dce9;color:#766780}
@media(max-width:650px){#nav{padding:6px;gap:2px;overflow:visible;top:8px;border-radius:22px}#nav button{flex-direction:column;gap:5px;padding:8px 2px;min-height:60px;font-size:10px;border-radius:17px;font-weight:600;letter-spacing:0}.nav-icon{width:22px;height:22px}.list-view-tabs{width:100%;border-radius:16px}.list-view-tabs button{font-size:11px;padding:10px 5px;min-height:44px}.list-new-purchase button{min-height:44px}.purchase-filter button{min-height:44px}.list-controls{margin-bottom:6px}}
.receipt-intro{font-size:13px;margin:0 0 18px;color:#85758e}.receipt-photo-card{padding:20px;background:#f4eff9;border:1px solid #e9deef;border-radius:20px}.receipt-method-label{font-size:9px;font-weight:600;letter-spacing:1.2px;color:#92729f}.receipt-photo-card h3{font-size:18px;margin:10px 0 6px;color:#302539}.receipt-photo-card p{font-size:12px;margin:0 0 16px;color:#87758e}#fields .receipt-photo-label{display:inline-block;margin:0 0 10px;background:#211b28;color:#fff;padding:12px 20px;border-radius:99px;font-size:12px;cursor:pointer;font-weight:600}#receipt-photo{min-height:0;font-size:11px;border:0;padding:0;background:transparent;color:#89788e;width:100%}#receipt-photo::file-selector-button{display:none}.receipt-import details{border:1px solid #eae4ee;border-radius:16px;margin-top:12px;background:#fff}.receipt-import summary{padding:16px;font-size:13px;font-weight:600;color:#65526f;cursor:pointer}.receipt-method-body{padding:0 16px 16px}.receipt-method-body p{font-size:12px;margin:0 0 10px}.receipt-method-body a{font-size:12px;color:#7d499b}.receipt-method-body button{width:100%;margin-top:14px;font-size:12px}.receipt-safe-note{font-size:11px;line-height:1.6;color:#96859f;margin:16px 4px 0}#receipt-progress:empty{display:none}#receipt-progress{font-size:12px;color:#744b87;margin:14px 4px 0}#receipt-text{font-size:14px;resize:vertical}@media(max-width:650px){#receipt-link,#receipt-text{font-size:16px}.receipt-photo-card{padding:17px}}
.receipt-suggestions{display:grid;gap:6px;margin-top:8px}.receipt-suggestions:empty{display:none}.receipt-suggestions button{text-align:left;border:1px solid #e4dbea;border-radius:12px;padding:10px 12px;background:#fff}.receipt-suggestions strong{display:block;font-size:13px}.receipt-suggestions small{display:block;font-size:11px;color:#8b729a;margin-top:4px}.receipt-suggestions>small{font-size:11px;line-height:1.5;color:#82698e}
.receipt-suggestions{max-height:240px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px}.receipt-suggestions button:focus-visible{outline:2px solid #9564bb;outline-offset:-2px}@media(max-width:650px){.receipt-suggestions{max-height:210px}.receipt-suggestions button{min-height:52px}}
.brand span{line-height:1.2}.brand small{margin-top:2px;line-height:1.2}
.stock-filter-info{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-8px 0 16px;font-size:11px;color:#8a7894}.stock-filter-info button{min-height:44px;padding:8px 12px;background:transparent;border:0;font-size:11px;color:#785489}.stock-product{min-height:0;gap:10px}.stock-buy-action:empty{display:none}.stock-buy-action button{width:100%;font-size:12px}.stock-buy-action>small{margin:0;padding:4px 0;color:#668074}

.cart-product-heading{display:block;font-size:19px;margin:12px 0}.receipt-row details{margin-top:10px}.receipt-row summary{font-size:13px;color:#706781;cursor:pointer;padding:8px 0}

.stock-product strong .stock-star{display:inline-grid;place-items:center;width:28px;min-height:32px;padding:0;margin:-4px 0 -4px -4px;vertical-align:middle;border:0;background:transparent;color:#a49caa;font-size:14px;box-shadow:none}.stock-product strong .stock-star[aria-pressed="true"]{color:#776b80}.stock-product strong .stock-star:hover{background:#ffffff80}.stock-product strong .stock-star:focus-visible{outline:2px solid #8960c4;outline-offset:1px}

#weight-tools{margin:12px 0}#add-weight{font-size:12px;min-height:40px;background:#f3f0f8}#weight-hint{display:block;color:#817589;font-size:11px;margin-top:6px}.weight-part{display:flex;align-items:end;gap:10px}.weight-part label{flex:1;min-width:0}.weight-part button{margin-bottom:0;min-width:40px;padding:8px}.weight-part input{margin-top:6px}#qty[readonly]{background:#f5f2f9}.purchase-discount{color:#7850a0}

/* Estoque: referência aprovada, cartões com identidade e status separados. */
.stock-category{border:1px solid #e6e1eb;border-radius:28px;box-shadow:0 8px 30px #2b183a04}.stock-category>summary{padding:26px 24px;gap:12px}.stock-category-title{font-size:20px;color:#19171d}.stock-category-title small{font-size:12px;margin-top:9px}.stock-products{padding:6px 24px 24px;gap:12px;align-items:start}.stock-category .stock-badge{font-size:10px;padding:7px 10px;font-weight:500}.stock-product{position:relative;border:1px solid var(--stock-border);border-left:1px solid var(--stock-border);background:var(--stock-card);border-radius:22px;padding:24px;gap:14px;box-shadow:none;overflow:visible}.stock-product::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:2px;background:var(--stock-accent);border-radius:2px;opacity:.7}.stock-product.stock-available{--stock-card:#f5fbf8;--stock-border:#d9eee3;--stock-accent:#69b88c;--stock-color:#327e63}.stock-product.stock-low{--stock-card:#fffbf3;--stock-border:#f0e4c8;--stock-accent:#d9b15b;--stock-color:#8a691d}.stock-product.stock-empty{--stock-card:#fff8f9;--stock-border:#f2dce0;--stock-accent:#df8793;--stock-color:#ad4957}.stock-product.stock-unchecked{--stock-card:#f8f7fb;--stock-border:#e6e1ec;--stock-accent:#aaa0bb;--stock-color:#786b8a}.stock-product>div:first-of-type{position:relative;padding-left:42px;padding-right:20px;min-height:55px}.stock-product strong{font-size:16px;font-weight:650;line-height:1.4;min-height:24px}.stock-product small{font-size:12px;margin-top:7px;line-height:1.5}.stock-product strong .stock-star{position:absolute;left:0;top:0;display:grid;width:30px;min-height:30px;height:30px;margin:0;padding:0;background:#eeebf3;border-radius:10px;font-size:18px;color:#a19aa9;border:0}.stock-product strong .stock-star[aria-pressed="true"]{background:#ebe6f1;color:#81718e}.stock-product strong .stock-star:hover{background:#e4deed}.stock-product .stock-remove{top:18px;right:17px;width:30px;min-height:30px;height:30px;font-size:18px;color:#a49ba9;background:transparent;box-shadow:none;border:0}.stock-status-control{position:relative;margin-top:0}.stock-status-control::before{content:"";width:6px;height:6px;background:var(--stock-color);border-radius:50%;position:absolute;left:17px;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none}.stock-product .stock-status-control select{display:flex;align-items:center;justify-content:space-between;margin:0;background:white;border:1px solid #efedf1;border-radius:16px;padding:12px 32px;min-height:48px;color:var(--stock-color);font-size:13px;font-weight:600;box-shadow:0 6px 18px #29133604}.stock-product .stock-buy-action button{border-radius:15px;min-height:44px;font-size:12px}.stock-product .stock-buy-action>small{font-size:11px}.stock-product .stock-item-badge{display:none}
@media(max-width:650px){.stock-category{border-radius:24px}.stock-category>summary{padding:20px}.stock-category-title{font-size:18px}.stock-products{grid-template-columns:1fr;padding:4px 16px 16px;gap:12px}.stock-product{padding:20px;border-radius:20px}.stock-product strong{font-size:15px}.stock-product>div:first-of-type{padding-left:42px;padding-right:18px}.stock-product .stock-remove{top:15px;right:12px}.stock-category .stock-counts{gap:5px}.stock-category .stock-badge{padding:6px 8px;font-size:10px}}

.stock-status-control select{display:none!important}.stock-status-control::before{z-index:1}.stock-status-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #efedf1;border-radius:16px;padding:12px 18px 12px 32px;min-height:48px;background:#fff;color:var(--stock-color);font-size:13px;font-weight:600;box-shadow:0 6px 18px #29133604;text-align:left}.stock-status-button:hover{background:#fff}.stock-picker-arrow{color:#93879f;font-size:16px}.stock-status-button[aria-expanded="true"] .stock-picker-arrow{transform:rotate(180deg)}.stock-picker-menu{position:fixed;z-index:100;padding:6px;background:#fff;border:1px solid #e9e4ed;border-radius:18px;box-shadow:0 15px 35px #2b193321;max-height:220px;overflow:auto}.stock-picker-menu[hidden]{display:none}.stock-picker-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px;border:0;border-radius:12px;background:#fff;color:#6e6476;font-size:12px;font-weight:600;text-align:left}.stock-picker-menu button:hover,.stock-picker-menu button:focus-visible{background:#f7f4fa;outline:none}.stock-picker-menu button[aria-selected="true"]{background:#f4f1f7}.stock-option-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#a99eaf}.stock-option-available .stock-option-dot{background:#68bb91}.stock-option-low .stock-option-dot{background:#deb645}.stock-option-empty .stock-option-dot{background:#df7887}.stock-option-check{margin-left:auto;color:#9266ac}@media(max-width:650px){.stock-picker-menu button{min-height:46px;font-size:13px}}

.stock-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.stock-sidebar{position:sticky;top:20px;min-width:0}.stock-panel{min-width:0}.stock-sidebar .section-head{margin-bottom:20px}.stock-sidebar .section-head h2{font-size:25px}.stock-sidebar .toolbar{display:grid;gap:10px;margin:18px 0}.stock-sidebar .toolbar select{max-width:none}.stock-sidebar .stock-help{font-size:11px;line-height:1.6;margin:10px 0}.stock-sidebar .stock-legend{gap:5px}.stock-sidebar .stock-legend .stock-badge{font-size:10px;padding:5px 7px}.stock-category-nav{background:#fff;border:1px solid #e6e1eb;border-radius:24px;padding:16px}.stock-category-nav>label{display:block;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#94879c;margin:4px 10px 12px}.stock-category-nav>select{display:none}.stock-category-links{display:grid;gap:3px}.stock-category-links button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;width:100%;border:0;background:transparent;color:#74677d;text-align:left;font-size:12px;font-weight:500;min-height:42px;border-radius:14px}.stock-category-links button[aria-pressed="true"]{background:#efebf5;color:#261d30;font-weight:600}.stock-category-links button:hover{background:#f6f3f9}.stock-category-links small{background:#fff;border-radius:50px;min-width:24px;line-height:24px;text-align:center;font-size:10px;color:#786388}.stock-panel .stock-category>summary{grid-template-columns:minmax(100px,1fr) auto 20px}.stock-panel .stock-products{gap:12px}.stock-panel .stock-filter-info{margin:0}.stock-panel .stock-removed{margin-top:16px}
@media(max-width:900px) and (min-width:651px){.stock-workspace{grid-template-columns:210px minmax(0,1fr);gap:16px}.stock-panel .stock-products{grid-template-columns:1fr}.stock-panel .stock-category>summary{grid-template-columns:1fr 20px}.stock-panel .stock-counts{grid-row:2;grid-column:1}.stock-panel .stock-chevron{grid-row:1/3;grid-column:2}}
@media(max-width:650px){.stock-workspace{grid-template-columns:1fr;gap:16px}.stock-sidebar{position:static}.stock-sidebar .section-head{margin-bottom:12px}.stock-sidebar .section-head h2{font-size:23px}.stock-sidebar .toolbar{margin:12px 0;grid-template-columns:1fr}.stock-sidebar .stock-help{margin:8px 0}.stock-category-nav{padding:0;background:transparent;border:0;border-radius:0}.stock-category-nav>label{margin:0 0 7px;letter-spacing:0;text-transform:none;font-size:12px}.stock-category-nav>select{display:block}.stock-category-links{display:none}.stock-panel .stock-category>summary{grid-template-columns:1fr 20px}.stock-panel .stock-counts{grid-row:2;grid-column:1}.stock-panel .stock-chevron{grid-row:1/3;grid-column:2}}

@media(min-width:651px){.stock-sidebar{max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}}

.stock-sidebar .stock-legend[hidden]{display:none}.stock-panel>.stock-help{font-size:11px;line-height:1.5;color:#8a7d94;margin:0 4px 12px;max-width:none}.stock-category-links{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100dvh - 300px);min-height:100px}.stock-category-links::-webkit-scrollbar{width:5px}.stock-category-links::-webkit-scrollbar-thumb{background:#d8d0e1;border-radius:8px}
@media(min-width:651px){.stock-sidebar{max-height:none;overflow:visible;padding-right:0;scrollbar-width:auto}.stock-sidebar .section-head{margin-bottom:16px}.stock-sidebar .toolbar{margin:0 0 16px}.stock-category-nav{padding:14px}.stock-panel>.stock-help{padding-top:2px}}
@media(max-width:650px){.stock-panel>.stock-help{margin:0 2px 12px;font-size:11px}.stock-category-links{display:none}}
@media(min-width:651px){#nav{display:flex;width:100%;max-width:960px;margin:30px auto 28px;justify-content:center;gap:6px}#nav button{flex:1;min-width:0;justify-content:center;padding:12px 18px}}

/* Apenas cores da Lista, preservando a disposição original das ações. */
.purchase-row,.purchase-row.purchase-planning{background:#fffbf3}.purchase-row.purchase-cart,.purchase-row.purchase-planning.purchase-cart{background:#f5fbf8}.purchase-row.purchase-bought,.purchase-row.purchase-outside,.purchase-row.purchase-planning.purchase-bought,.purchase-row.purchase-planning.purchase-outside{background:#f8f7fb}.purchase-row .status,.purchase-row.purchase-planning .status{background:#fff;color:var(--purchase-color)}

.stock-category .stock-chevron{width:36px;height:36px;min-width:36px;display:grid;place-items:center;justify-self:center;align-self:center;padding:0;line-height:1;border-radius:50%;transform-origin:center}.stock-chevron svg{display:block;width:15px;height:15px}.stock-panel .stock-category>summary{grid-template-columns:minmax(100px,1fr) auto 36px}
@media(max-width:900px){.stock-panel .stock-category>summary{grid-template-columns:1fr 36px}}

/* Aparência dos boxes do estoque, mantendo a linha e os botões da Lista. */
.purchase-row,.purchase-row.purchase-planning,.purchase-row.purchase-planning:last-child{position:relative;border:1px solid var(--list-box-border);border-radius:22px;background:var(--list-box-bg);padding:18px 20px;margin:10px 0;--list-box-bg:#fffbf3;--list-box-border:#f0e4c8;--list-box-accent:#d9b15b}.purchase-row.purchase-cart,.purchase-row.purchase-planning.purchase-cart{--list-box-bg:#f5fbf8;--list-box-border:#d9eee3;--list-box-accent:#69b88c}.purchase-row.purchase-bought,.purchase-row.purchase-outside,.purchase-row.purchase-planning.purchase-bought,.purchase-row.purchase-planning.purchase-outside{--list-box-bg:#f8f7fb;--list-box-border:#e6e1ec;--list-box-accent:#aaa0bb}.purchase-row::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:2px;border-radius:2px;background:var(--list-box-accent);opacity:.7}
@media(max-width:650px){.purchase-row,.purchase-row.purchase-planning,.purchase-row.purchase-planning:last-child{padding:16px;border-radius:20px}}

.stock-status-control::before{display:none}.stock-status-button{padding-left:18px}.stock-option-dot,.stock-option-check{display:none}.stock-picker-menu .stock-option-available{color:#327e63}.stock-picker-menu .stock-option-low{color:#8a691d}.stock-picker-menu .stock-option-empty{color:#ad4957}.stock-picker-menu .stock-option-unchecked{color:#786b8a}
@media(min-width:0px){.purchase-row .actions button:not(.plan-include):not([data-action="to-cart"]){background:#fff;border:1px solid #dcd2e7;color:#46374f;box-shadow:0 2px 6px #35213d05}.purchase-row .actions button:not(.plan-include):not([data-action="to-cart"]):hover:not(:disabled){background:#f0eaf6;border-color:#cbbbdc}.purchase-row .actions button:disabled{box-shadow:none}}

.stock-removed{background:#fff;border:1px solid #e9e3ef;border-radius:22px;padding:12px 18px;color:#80738b}.stock-removed>summary{font-size:12px;font-weight:500;padding:6px 0}.stock-removed>p{font-size:11px;line-height:1.6;margin:10px 0 12px;color:#91849b}.stock-removed .row{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f0ecf4}.stock-removed .row:last-child{border-bottom:0}.stock-removed .row>strong{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;min-width:0}.stock-removed button[data-stock-restore]{min-height:30px;padding:5px 12px;border:1px solid #e6deed;border-radius:10px;background:#f8f6fb;color:#796488;font-size:11px;font-weight:500;box-shadow:none}.stock-removed button[data-stock-restore]:hover{background:#eee8f5}.stock-removed button[data-stock-delete]{width:28px;height:30px;min-height:30px;padding:0;border:0;border-radius:9px;background:transparent;color:#ad9caf;font-size:18px;font-weight:400;box-shadow:none}.stock-removed button[data-stock-delete]:hover{color:#b96074;background:#fff0f3}@media(max-width:650px){.stock-removed{padding:12px 14px;border-radius:18px}.stock-removed .row{grid-template-columns:minmax(0,1fr) auto 30px;gap:8px}.stock-removed .row>strong{font-size:12px}.stock-removed button[data-stock-restore],.stock-removed button[data-stock-delete]{min-height:36px}}
.stock-product::before,.purchase-row::before{display:none}
/* Refeições da família */
.meal-tabs{display:flex;gap:6px;background:#ebe7f0;border-radius:18px;padding:5px;margin:0 0 24px;width:fit-content}.meal-tabs button{background:transparent;color:#655a73;box-shadow:none}.meal-tabs button.active{background:#fff;color:#211d27;box-shadow:0 2px 8px #211d2708}.meal-section{margin:24px 0}.meal-section>h3{font-size:16px;margin:0 0 12px}.meal-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.meal-card-head button,.meal-secondary,.meal-delete{background:#f5f2f8;color:#655a73;border:1px solid #e7dfed;box-shadow:none;padding:8px 12px;font-size:12px}.meal-delete{margin-top:14px}.meal-buy{margin-top:14px}.meal-card h3{margin:14px 0 8px}.meal-card details{margin-top:16px}.meal-notes{white-space:pre-wrap}.meal-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f4f0f8;border-radius:12px;padding:8px 12px;margin:6px 0}.meal-chip button{background:transparent;color:#81748e;box-shadow:none;padding:6px 10px}#meal-results button{display:flex;width:100%;justify-content:space-between;gap:10px;text-align:left;background:#faf8fc;color:#292330;border:1px solid #e6dfed;margin:5px 0;padding:10px 12px;box-shadow:none}#meal-results small{font-size:11px;color:#81748e}#meal-chosen{margin:14px 0}#meal-notes{width:100%;border:1px solid #ded6e9;border-radius:14px;padding:12px;font:inherit;box-sizing:border-box}@media(max-width:600px){.meal-tabs{width:100%;box-sizing:border-box}.meal-tabs button{flex:1;padding:12px 8px;font-size:12px}.meal-card .meal-buy{width:100%}#meal-results button{flex-direction:column;gap:3px}}
.meal-empty-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.meal-empty-actions .primary{background:radial-gradient(ellipse at 95% 180%,#fbc9e3 5%,#b337a5 32%,#553084 50%,transparent 72%),#1c1a21;color:#fff;border:0}.meal-empty-actions .primary:hover{filter:brightness(1.08)}.meal-empty-actions .meal-secondary{background:#f5f2f8;color:#655a73;border:1px solid #e7dfed;padding:12px 20px}.meal-empty-actions .meal-secondary:hover{background:#eee8f4}@media(max-width:480px){.meal-empty-actions{flex-direction:column;gap:10px}.meal-empty-actions button{width:100%;max-width:320px}}
.list-add-purchase{display:flex;justify-content:flex-end;margin:14px 0 20px}@media(max-width:650px){.list-add-purchase .primary{width:100%}}
.purchase-control-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0}.purchase-control-info{min-width:0}.purchase-control-row .purchase-filter{margin:0 0 10px}.purchase-control-row .purchase-legend{margin:0;flex-wrap:wrap}.purchase-control-row>.purchase-add-button{flex-shrink:0}@media(max-width:650px){.purchase-control-row{flex-wrap:wrap;gap:12px}.purchase-control-row>.purchase-add-button{width:100%}}
.list-note{font-size:11px;line-height:1.6;color:#81778c;margin:12px 0 0;padding:0;background:none;border:0;box-shadow:none}
.list-controls-planning{display:grid;grid-template-columns:minmax(0,620px) 1fr;column-gap:20px;align-items:center}.list-controls-planning>.list-planning-add{justify-self:end}.list-controls-planning>.list-new-purchase{grid-column:1;margin-top:5px}@media(max-width:650px){.list-controls-planning{grid-template-columns:1fr auto;gap:6px 10px}.list-controls-planning>.list-view-tabs{grid-column:1/-1}.list-controls-planning>.list-new-purchase{grid-column:1;grid-row:2;justify-content:flex-start;margin:0}.list-controls-planning>.list-planning-add{grid-column:2;grid-row:2;font-size:11px;padding:10px 12px}}
.house-tutorial{position:fixed;inset:0;z-index:10000;background:#19132055;overflow:hidden}.tutorial-spot{position:fixed;border:2px solid #c291dc;border-radius:18px;box-shadow:0 0 0 9999px #19132045;pointer-events:none}.tutorial-card{position:absolute;bottom:24px;right:24px;width:440px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);overflow:auto;background:#fff;border:1px solid #e7deee;border-radius:24px;padding:24px;box-shadow:0 16px 60px #21132d35}.tutorial-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-top span{font-size:10px;letter-spacing:1px;color:#81718d}.tutorial-top button{background:transparent;color:#81718d;border:0;box-shadow:none;font-size:11px;padding:5px;min-height:36px}.tutorial-progress{display:flex;gap:5px;margin:12px 0 20px}.tutorial-progress i{flex:1;height:3px;background:#eee8f2;border-radius:4px}.tutorial-progress i.done{background:#9153b0}.tutorial-card h2{font-size:22px;line-height:1.25}.tutorial-card p{font-size:14px;line-height:1.65;color:#74677e;margin:14px 0 22px}.tutorial-actions{display:flex;justify-content:space-between;gap:12px}.tutorial-actions>button:not(.primary){background:#f6f3f9;border:1px solid #e7dfed;color:#75667f;box-shadow:none}.tutorial-actions button:disabled{opacity:.4;cursor:default}#tutorial-replay{margin:8px 0 14px;width:100%;background:#f4eff8;color:#665171;border:1px solid #e1d5eb}@media(max-width:650px){.tutorial-card{bottom:max(12px,env(safe-area-inset-bottom));right:12px;width:calc(100% - 24px);max-width:none;padding:20px;max-height:calc(100dvh - 40px);border-radius:22px}.tutorial-card h2{font-size:20px}.tutorial-card p{font-size:13px}.tutorial-top span{font-size:9px}.tutorial-actions button{min-height:46px}}
.admin-nav{position:static;display:flex;flex-wrap:wrap;width:100%;max-width:none;gap:6px;overflow:visible;border-radius:20px;padding:6px;margin:20px 0}.admin-nav button{flex:initial;padding:10px 15px}.admin-nav button.active{background:#211b29;color:#fff}.management-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.management-metric strong{display:block;font-size:28px;margin-top:12px}.management-metric small{color:#80718d;font-size:11px}.management-family{display:flex;justify-content:space-between;gap:20px}.management-family h3{margin:0}.management-family small{display:block;color:#81738d;line-height:1.7}.management-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.management-actions button{font-size:11px;background:#f6f2f9;color:#655370;border:1px solid #e0d7e8;box-shadow:none}.management-states{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.management-note{font-size:12px;color:#84748f;line-height:1.6}.management-tools input{width:100%;margin-bottom:8px}.management-dialog{width:480px;max-width:calc(100% - 24px);max-height:90dvh;overflow:auto}.management-dialog input,.management-dialog select,.management-dialog textarea{width:100%;margin:5px 0 12px}.management-dialog label{display:block;font-size:12px;color:#7d6d89}.management-dialog textarea{border:1px solid #ddd1e8;border-radius:14px;padding:12px;font:inherit}.management-dialog small{display:block;font-size:11px;color:#887691}.management-error{color:#bd4b61}@media(max-width:650px){.management-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.management-metric strong{font-size:23px}.management-family{flex-direction:column}.admin-nav button{font-size:11px;padding:8px 12px;min-height:40px}.management-dialog{padding:20px}}
.list-new-purchase{gap:6px;flex-wrap:wrap}.saved-list-card h3{margin:0 0 8px}.saved-list-card>small{color:#85758e}.saved-list-card details{margin:16px 0}.saved-list-card details p{font-size:12px;margin:8px 0}.saved-list-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.saved-list-actions button:not(.primary){background:#f6f2f9;color:#74647f;border:1px solid #e7dfed;font-size:12px;box-shadow:none}.saved-choice{display:flex!important;gap:12px;align-items:flex-start;padding:14px;border:1px solid #e5dbea;border-radius:16px;margin:12px 0}.saved-choice input{width:18px!important;min-height:18px!important;margin:3px 0 0!important;flex-shrink:0}.saved-choice small{display:block;font-size:12px;line-height:1.5;margin-top:6px}.saved-edit-row{border:1px solid #e7dfed;border-radius:16px;padding:14px;margin:10px 0}.saved-edit-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.saved-edit-heading button{background:transparent;color:#93829e;border:0;box-shadow:none;padding:4px 10px}#saved-results button{display:block;width:100%;text-align:left;margin:5px 0;background:#f5f1f9;color:#6a537b;border:1px solid #e7deee;font-size:12px}
/* Ações de listas com prioridade e espaçamento consistentes. */
.list-new-purchase{max-width:none;justify-content:flex-start;align-items:center;gap:10px;margin-top:14px;padding:0}.list-new-purchase button{min-height:40px;padding:9px 15px;font-size:12px;border-radius:12px;white-space:nowrap;box-shadow:none}.list-new-purchase [data-action="saved-lists"]{background:#eee7f5;border:1px solid #dfd2e9;color:#65427d}.list-new-purchase [data-action="save-current-list"]{background:#fff;border:1px solid #e2d9eb;color:#776282}.list-new-purchase [data-action="new-purchase"]{margin-left:auto;color:#918299;background:transparent;font-weight:500}.list-new-purchase [data-action="saved-lists"]:hover,.list-new-purchase [data-action="save-current-list"]:hover{background:#e9dff1;border-color:#d5c1e3}.list-controls-planning>.list-new-purchase{grid-column:1/-1;margin-top:14px}.saved-list-actions{gap:10px}.saved-list-actions [data-action="delete-saved-list"]{margin-left:auto;border:0;background:transparent;color:#98869f;font-size:20px;width:40px;padding:0}.saved-list-actions [data-action="delete-saved-list"]:hover{background:#fbf0f3;color:#b75c70}@media(max-width:650px){.list-new-purchase{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.list-new-purchase button{min-height:44px;font-size:11px;padding:10px 8px;white-space:normal}.list-new-purchase [data-action="new-purchase"]{grid-column:1/-1;justify-self:end;margin:0;padding:6px 8px;min-height:36px}.list-controls-planning>.list-new-purchase{grid-column:1/-1;grid-row:3;margin-top:6px;width:100%}}
.list-new-purchase [data-action="saved-lists"]{background:#fff;border-color:#e2d9eb;color:#776282}
#person-link{margin:12px 0}#account-google,#google-login{background:#fff;color:#51415c;border:1px solid #dfd4e8;width:100%;margin:8px 0}#account-google:disabled{opacity:.55;cursor:default}#google-signin{margin:18px 0}#account-error,#google-error{color:#b64f68}
@media(max-width:650px){.list-controls-planning{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.list-controls-planning>.list-view-tabs{grid-column:1/-1;grid-row:1}.list-controls-planning>.list-new-purchase{display:contents}.list-controls-planning [data-action="saved-lists"]{grid-column:1;grid-row:2}.list-controls-planning [data-action="save-current-list"]{grid-column:2;grid-row:2}.list-controls-planning>.list-planning-add{grid-column:2;grid-row:3;justify-self:end;max-width:100%;white-space:normal}.list-controls-planning [data-action="new-purchase"]{grid-column:1;grid-row:3;justify-self:start;min-width:0;text-align:left;font-size:10px}}
.purchase-row:has(.master-remove){position:relative}.purchase-row:has(.master-remove)>div:first-of-type>strong{padding-right:30px}.purchase-row button.master-remove{position:absolute;right:8px;top:8px;width:32px;height:32px;min-height:32px;padding:0;border:0;background:transparent;color:#a797ad;font-size:19px;font-weight:400;box-shadow:none;border-radius:9px;line-height:1}.purchase-row button.master-remove:hover{background:#fff0f3;color:#b75c70}@media(max-width:650px){.purchase-row button.master-remove{width:40px;height:40px;min-height:40px;right:4px;top:4px}}
.last-paid{margin:6px 0 10px}.price-comparison{border:0;background:transparent;padding:0;color:#867491}.price-comparison>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:5px 2px;font-size:11px;font-weight:500;line-height:1.5;list-style:none}.price-comparison>summary::-webkit-details-marker{display:none}.price-comparison>summary svg{flex-shrink:0;transition:transform .15s}.price-comparison[open]>summary svg{transform:rotate(180deg)}.price-comparison-details{padding:4px 2px 8px}.price-comparison-details small{display:block;font-size:10px;line-height:1.6;color:#92829c;margin:3px 0}.price-lower>summary{color:#3d866c}.price-higher>summary{color:#9a783a}.price-comparison-empty{display:block;font-size:10px;color:#a094a7;padding:3px 2px;line-height:1.5}@media(prefers-reduced-motion:reduce){.price-comparison>summary svg{transition:none}}
.receipt-camera-start{width:100%;margin:0!important;min-height:44px}.receipt-camera-view{position:relative;margin-top:16px;overflow:hidden;border-radius:16px;background:#211c28;aspect-ratio:4/3}.receipt-camera-view video{display:block;width:100%;height:100%;object-fit:contain}.receipt-camera-frame{position:absolute;inset:17%;border:2px solid #ffffffb3;border-radius:16px;pointer-events:none;box-shadow:0 0 0 120px #16102126}#receipt-camera-panel[hidden]{display:none}#receipt-camera-status{font-size:11px;line-height:1.6;margin:10px 0}#receipt-camera-stop{width:100%;background:#fff;color:#796489;border:1px solid #e4dbea;font-size:12px;min-height:44px}.receipt-method-body .receipt-photo-label{display:inline-flex!important;align-items:center;justify-content:center;border-radius:99px;background:#211b28;color:#fff!important;padding:12px 20px;font-size:12px;cursor:pointer}
.package-compare{margin:7px 0 4px;border:0}.package-compare>summary{font-size:11px;color:#8b7597;padding:8px 2px;min-height:36px}.package-compare-body{border:1px solid #e7dfed;border-radius:16px;padding:14px;margin:5px 0 12px;background:#faf8fc}.package-compare-body>p{font-size:11px;line-height:1.6;margin:0 0 12px;color:#91809d}.package-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.package-options section{min-width:0;background:#fff;border:1px solid #ece5f1;border-radius:12px;padding:12px}.package-options h3{font-size:12px;margin:0 0 10px;color:#685573}#fields .package-options label{font-size:10px;min-height:0;margin:8px 0 5px}.package-options input,.package-options select{font-size:14px;min-height:42px;padding:9px;max-width:100%}.package-measure{display:grid;grid-template-columns:minmax(0,1fr) 75px;gap:8px}.package-measure>div{min-width:0}#package-result{font-size:11px;line-height:1.6;color:#8c7b98;padding:12px 0 6px}.package-unit-prices{display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.package-unit-prices span{min-width:0;flex:1;font-size:10px}.package-unit-prices strong{display:block;color:#675473;font-size:13px;overflow-wrap:anywhere}.package-winner{font-size:12px;color:#377f64;font-weight:600}.package-compare-body>small{display:block;font-size:10px;line-height:1.6;color:#a08eaa;margin-top:8px}@media(max-width:650px){.package-options{grid-template-columns:1fr;gap:10px}.package-options input,.package-options select{font-size:16px}.package-compare-body{padding:12px}}
#modal:has(.house-settings){width:min(94vw,560px);max-height:90dvh;overflow-y:auto}.house-settings{display:grid;gap:12px}.settings-budget{background:#f5f0fa;border:1px solid #e8dff0;border-radius:18px;padding:18px}.settings-kicker{display:block;font-size:9px;letter-spacing:1.3px;color:#9780a4}#fields .settings-budget label{font-size:12px;margin:14px 0 8px}.settings-budget input{font-size:26px;font-weight:600;min-height:58px;border-color:#e2d6ec;border-radius:14px;background:#fff;letter-spacing:-.5px}.settings-budget p{font-size:11px;line-height:1.6;color:#94809e;margin:10px 0 0}.settings-section{background:#fff;border:1px solid #eae3ef;border-radius:16px;padding:16px;min-width:0}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-section-head>div{min-width:0;flex:1}.settings-section h3{font-size:13px;font-weight:600;color:#665370;margin:0 0 5px}.settings-section small{display:block;font-size:10px;color:#9c8ba7;line-height:1.5;overflow-wrap:anywhere}.settings-section p{font-size:11px;color:#92809d;line-height:1.6;margin:0}.house-settings button{min-height:40px;font-size:11px;padding:9px 13px;border-radius:12px;box-shadow:none;color:#7b6589;background:#faf8fc;border:1px solid #e5dcec;flex-shrink:0}.house-settings button:hover{background:#f0eaf6}.settings-section #update-status:empty{display:none}.settings-section #update-status{margin-top:10px;color:#876492;font-size:11px}.settings-backup{padding:0}.settings-backup>summary{padding:16px;font-size:12px;color:#887393;min-height:46px}.settings-backup-body{padding:0 16px 16px}.settings-backup-body>p{margin-bottom:12px}.settings-backup-body #export{width:100%}.settings-restore{margin-top:16px;padding-top:12px;border-top:1px solid #eee7f3}#fields .settings-restore label{font-size:12px;margin:0 0 6px}.settings-restore input{padding:10px 0 0;border:0;background:transparent;font-size:11px;min-height:44px;color:#94849d}.settings-restore input::file-selector-button{font:inherit;min-height:36px;padding:8px 12px;border:1px solid #e4dbea;border-radius:10px;background:#faf8fc;color:#7b6589;margin-right:8px;cursor:pointer}.house-settings .settings-sharing-note{margin:0 3px;font-size:10px;color:#a393ac;line-height:1.6}#modal:has(.house-settings) #error:empty{display:none}#modal:has(.house-settings) #form>button[type="submit"]{margin-top:16px}@media(max-width:650px){.settings-budget{padding:16px}.settings-section{padding:14px}.settings-backup{padding:0}.settings-backup>summary{padding:14px}.settings-backup-body{padding:0 14px 14px}.settings-section-head{gap:10px}.settings-budget input{font-size:24px}.house-settings button{min-height:44px}.settings-restore input{font-size:12px}.settings-section-head small{font-size:9px}}
.house-settings #tutorial-replay{width:auto;max-width:100%;margin:0;min-height:44px;background:#faf8fc;border:1px solid #e5dcec;color:#7b6589;box-shadow:none}
.settings-budget input{text-align:center;font-variant-numeric:tabular-nums}
.spending-categories{margin:18px 0;border-top:1px solid #eee8f4;padding-top:16px}.spending-categories summary{cursor:pointer;font-weight:600;font-size:14px}.spending-categories p{font-size:12px;color:#84778f}.spending-row{margin:14px 0}.spending-row>div{display:flex;justify-content:space-between;gap:16px;font-size:13px}.spending-row progress{width:100%;height:6px;accent-color:#9260bc;border:0}.saved-picks{max-height:35dvh;overflow:auto;margin:14px 0}.saved-picks label{display:flex;align-items:center;gap:12px;padding:12px 4px;margin:0;border-bottom:1px solid #eee8f4}.saved-picks input{width:20px;height:20px;flex:0 0 20px;accent-color:#8751b3}.saved-picks small{display:block}.saved-pick-tools{display:flex;gap:8px;flex-wrap:wrap}.saved-pick-tools button,.list-order-action button{font-size:12px;min-height:40px}.list-order-action{text-align:right;margin-top:12px}.category-order-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eee8f4}.category-order-row span{flex:1;font-size:13px}.category-order-row button{min-width:44px;min-height:44px;padding:8px}.saved-picks input:disabled{opacity:.5}
.spending-row progress{-webkit-appearance:none;appearance:none;display:block;margin-top:7px;border-radius:4px;overflow:hidden;background:#eee8f4}.spending-row progress::-webkit-progress-bar{background:#eee8f4}.spending-row progress::-webkit-progress-value{background:linear-gradient(90deg,#8653b4,#bb4da1);border-radius:4px}.spending-row progress::-moz-progress-bar{background:#9260bc}
/* Keep list navigation aligned across modes; slide the selected background. */
.list-view-tabs{position:relative;isolation:isolate;align-self:start;align-items:stretch;min-height:56px}.list-view-tabs::before{content:"";position:absolute;z-index:-1;top:5px;bottom:5px;left:5px;width:calc((100% - 18px)/3);border-radius:14px;background:#fff;box-shadow:0 2px 8px #32213d10;transform:translateX(calc(var(--list-tab,0)*(100% + 4px)))}.list-view-tabs button.primary,.list-view-tabs button.primary:hover{background:transparent;box-shadow:none}.list-view-tabs button{line-height:1.3}.list-tab-moving::before{animation:list-tab-slide .26s cubic-bezier(.22,.68,.25,1) both}@keyframes list-tab-slide{from{transform:translateX(calc(var(--list-tab-from,0)*(100% + 4px)))}to{transform:translateX(calc(var(--list-tab,0)*(100% + 4px)))}}#content:has(.list-view-tabs){overflow-anchor:none}@media(max-width:650px){.list-view-tabs{min-height:56px}.list-controls-planning{align-items:start}}@media(prefers-reduced-motion:reduce){.list-tab-moving::before{animation:none}}
.receipt-review-summary{padding:18px;border-radius:18px;background:#f3edf8;margin-bottom:14px}.receipt-review-summary>span{font-size:10px;letter-spacing:1.5px;color:#897294}.receipt-review-summary>strong{display:block;font-size:30px;margin:8px 0}.receipt-review-summary>small{color:#756680}.receipt-review-summary p{font-size:12px;margin:10px 0 0}#receipt-review-count{font-size:12px;color:#7d6b88;margin:12px 0}.receipt-review-filters{display:flex;gap:8px}.receipt-review-filters button{font-size:12px;min-height:40px;padding:8px 14px}.receipt-review-filters button[aria-pressed="true"]{background:#eee6f5;border-color:#d9c6e8;color:#673d83}.receipt-row{padding:0;background:#fff;border:1px solid #e8dfef;border-radius:15px;overflow:hidden}.receipt-row details{margin:0}.receipt-row summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;padding:14px}.receipt-row summary::-webkit-details-marker{display:none}.receipt-row summary strong{font-size:14px;color:#302635;display:block}.receipt-row summary small{display:block;font-size:11px;margin-top:5px;color:#8c7a97}.receipt-row-fields{padding:0 14px 14px;border-top:1px solid #f0eaf4}.receipt-row-fields label{font-size:12px}.receipt-row-fields .receipt-original,.receipt-row-help{font-size:11px;color:#8c7b96}.receipt-row-help{display:block;line-height:1.5;margin-top:10px}.receipt-row .receipt-variant{font-size:11px;border:0;background:transparent;box-shadow:none;padding:7px 0;color:#846194;min-height:36px}.receipt-row select:disabled{opacity:1;background:#f7f4fa;color:#82708d}.receipt-save-options{margin:18px 0;padding:14px;border:1px solid #e8dfef;border-radius:15px}.receipt-save-options summary{cursor:pointer;font-size:13px;font-weight:600}.receipt-save-options>p{font-size:12px}.receipt-purchase-warning{font-size:12px;color:#a66921;background:#fff6e8;border-radius:12px;padding:12px}.receipt-purchase-warning:empty{display:none}.receipt-row[hidden]{display:none}
/* Keyboard focus remains visible on every interactive control. */
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #754197;outline-offset:3px}
#error:empty{display:none}#error:not(:empty){padding:12px 14px;border:1px solid #d9a5ad;border-radius:12px;background:#fff2f3;color:#8b2436;line-height:1.5;scroll-margin-block:24px}
@media(max-width:650px){dialog input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),dialog select,dialog textarea{font-size:16px}#content button,#content select,dialog button,dialog select{min-height:44px}#content .row>div:first-child{min-width:0}#content .row strong,.family-person-info strong,.saved-list-card h3{overflow-wrap:anywhere}.history-actions{flex-wrap:wrap}.history-actions button{flex:1 1 140px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Mobile: bring the financial cards and navigation closer to the header. */
@media(max-width:650px){main>.intro{display:flex;justify-content:flex-end;align-items:center;margin:0 0 12px;min-height:18px}main>.intro>div{display:none}main>.intro .date{margin:0;padding:0;background:transparent;border-radius:0;font-size:11px;line-height:18px;color:var(--muted)}#nav{margin:14px 0 16px}}
/* Shared mobile grid keeps saved-list actions fixed in every list mode. */
@media(max-width:650px){.list-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}.list-controls>.list-view-tabs{grid-column:1/-1;grid-row:1}.list-controls>.list-new-purchase{display:contents;margin:0}.list-controls [data-action="saved-lists"]{grid-column:1;grid-row:2}.list-controls [data-action="save-current-list"]{grid-column:2;grid-row:2}.list-controls [data-action="new-purchase"]{grid-column:1;grid-row:3;justify-self:start;min-width:0;margin:0;text-align:left;font-size:10px}.list-controls>.list-planning-add{grid-column:2;grid-row:3;justify-self:end}}
#entry-screen{display:none}.auth-needed body>header,.auth-needed body>main,.auth-needed #purchase-bar,.auth-needed #release-notice,.auth-needed #entry-link-reminder{display:none!important}.auth-needed #entry-screen{display:grid;min-height:100dvh;place-items:center;padding:28px 20px}.entry-card{width:100%;max-width:410px;background:white;border-radius:28px;padding:32px;box-shadow:0 12px 50px #27133308}.entry-brand{display:flex;align-items:center;gap:12px;margin-bottom:38px;font-size:17px;font-weight:600}.entry-brand img{border-radius:15px}.entry-brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:4px}.entry-kicker{font-size:9px;letter-spacing:1.5px;color:#937c9f}.entry-card h1{font-size:28px;line-height:1.15;margin:14px 0}.entry-card>p{font-size:14px;line-height:1.6;color:#8a7b93}.entry-card>button{width:100%;margin-top:12px;min-height:48px;font-size:13px}.entry-card>small{display:block;font-size:11px;line-height:1.6;color:#9988a3;margin-top:18px}#entry-google{display:flex;align-items:center;justify-content:center;gap:12px;background:white;border:1px solid #e4d9ed}.entry-card .entry-recover{font-size:11px;background:transparent;border:0;color:#8e779e;box-shadow:none;padding:8px 0}#entry-error:empty{display:none}#entry-error{color:#a95467;font-size:12px}#entry-link-reminder{display:flex;align-items:center;gap:12px;max-width:1132px;margin:12px auto 0;padding:14px 18px;background:#f3eef8;border:1px solid #e9def0;border-radius:18px}#entry-link-reminder>div{flex:1}#entry-link-reminder strong{display:block;font-size:12px}#entry-link-reminder small{display:block;font-size:11px;margin-top:5px;color:#937e9f}#entry-link-reminder button{font-size:11px;min-height:40px;padding:8px 12px}#entry-link-later{border:0;background:transparent}@media(max-width:650px){.entry-card{padding:26px 22px}#entry-link-reminder{margin:10px 18px 0;flex-wrap:wrap}#entry-link-reminder>div{flex:1 1 180px}#entry-link-reminder #entry-link-now{flex:1}#entry-link-reminder #entry-link-later{flex:0 0 36px}}

.login-recovery-actions{display:grid;gap:10px;margin:20px 0}.login-recovery-actions button{min-height:48px;font-size:13px}.login-recovery-help{font-size:12px;line-height:1.6;color:#8b7898}.first-purchase-guide{background:#f1eaf8;border:1px solid #e5d8ef;border-radius:20px;padding:20px;margin-bottom:20px}.first-purchase-guide>span{font-size:9px;letter-spacing:1.5px;color:#8c729c}.first-purchase-guide h3{margin:10px 0 6px;font-size:19px}.first-purchase-guide p{font-size:13px;margin:0 0 16px}.first-purchase-guide>div{display:flex;gap:10px;flex-wrap:wrap}.first-purchase-guide button{font-size:12px;min-height:44px}.first-purchase-guide #first-purchase-later{display:block;margin:10px 0 0 auto;background:transparent;border:0;color:#8c729c;font-size:11px;padding:6px 10px;min-height:36px}@media(max-width:650px){.first-purchase-guide>div{display:grid;grid-template-columns:1fr}.first-purchase-guide{padding:18px}}
.receipt-diagnostic-row{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #eee7f3}.receipt-diagnostic-row strong{font-size:13px}.receipt-diagnostic-row small{display:block;color:#8c7e96;font-size:11px;margin-top:5px}.receipt-diagnostic-row>div:last-child{text-align:right}.diagnostic-failure,.diagnostic-success{font-size:11px;border-radius:20px;padding:5px 9px;display:inline-block}.diagnostic-failure{color:#a3545d;background:#fff0f1}.diagnostic-success{color:#398368;background:#eaf7ef}@media(max-width:650px){.receipt-diagnostic-row{flex-wrap:wrap}.receipt-diagnostic-row>div:last-child{text-align:left}#receipt-diagnostics-content>.toolbar{flex-wrap:wrap}#receipt-diagnostics-content>.toolbar select{max-width:none}}

/* Readable secondary text on the light cards. */
.metric:not(:first-child) small{opacity:1;color:#6f627b}.metric:first-child small{opacity:1;color:#fff}#fields>p,#fields label,.list-note,.history-note,.price-comparison-details small,.price-comparison-empty{color:#6f627b}#modal .family-panel small,#modal .family-panel p{color:#6f627b}.entry-card>p,.entry-card>small{color:#6f627b}

.skip-content{position:fixed;left:12px;top:12px;z-index:10000;padding:12px 18px;border-radius:12px;background:#fff;color:#543266;transform:translateY(-150%)}.skip-content:focus{transform:none}

/* Compact guidance keeps the shopping controls in their existing grid. */
.list-help{border:0;background:transparent;padding:0;margin:12px 0;color:#6f627b}.list-help>summary{font-size:12px;padding:8px 0;min-height:40px}.list-help>p{font-size:12px;line-height:1.6;margin:4px 0 10px;max-width:720px}.stock-attention-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;margin-bottom:14px;border:1px solid #eddec6;border-radius:18px;background:#fff8ec}.stock-attention-summary span{font-size:10px;letter-spacing:1px;color:#81622c}.stock-attention-summary h3{font-size:23px;margin:6px 0;color:#493a25}.stock-attention-summary p{font-size:12px;margin:0;color:#776348}.stock-attention-summary button{font-size:12px;min-height:44px;flex-shrink:0;background:#fff;border-color:#dfcda9;color:#715526}.stock-explainer{margin:0 0 14px}.stock-explainer>summary{font-size:12px;min-height:40px;padding:8px 0;color:#705c7e}.stock-explainer>p{font-size:12px;line-height:1.6;margin:4px 0 12px}
@media(max-width:650px){.list-help>summary{font-size:11px}.list-help>p{font-size:12px}.estimate-box{padding:14px 16px;margin:12px 0}.estimate-box>strong{font-size:24px}.estimate-box>p{font-size:11px;line-height:1.5;margin:6px 0}.estimate-box>small{font-size:9px}.stock-attention-summary{padding:15px;gap:10px}.stock-attention-summary h3{font-size:22px}.stock-attention-summary button{font-size:11px;padding:10px;max-width:116px}}

/* Registro de compras e gastos */
.register-options{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.register-options .card{margin:0;padding:24px}.register-options h3{font-size:1.3rem;line-height:1.3;margin:12px 0}.register-options p{line-height:1.6}.register-options button{min-height:48px;width:100%;margin-top:12px}.register-receipt{background:linear-gradient(135deg,#f6f0fc,#fff);border-color:#ded0eb}.register-help{font-size:.88rem;line-height:1.6;color:#64566e;margin:18px 0}.register-recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.register-recent-head h3{margin:0}.register-record{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #eee8f3}.register-record:last-child{border-bottom:0}.register-record>div{flex:1;min-width:0}.register-record small{display:block;margin-top:5px;color:#72647e}.register-record>strong{white-space:nowrap}.register-record button,.register-recent-head button,.checkout-receipt button{min-height:44px}.checkout-receipt{display:flex;align-items:center;gap:12px;margin-top:12px}.checkout-receipt small{color:#72647e}@media(max-width:600px){.register-options{grid-template-columns:1fr;gap:12px}.register-options .card{padding:20px}.register-record{flex-wrap:wrap}.register-record>div{flex-basis:55%}.register-record button{margin-left:auto}.checkout-receipt{align-items:stretch;flex-direction:column;gap:6px}.register-recent{padding:18px}}

.plan-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.plan-picker-units{grid-column:1/-1}.plan-picker select{min-height:56px;font-size:1.25rem;font-weight:600;text-align:center;width:100%}.plan-picker-summary{text-align:center;color:#64516f;min-height:24px}

/* Acesso a adicionar sem voltar ao início da compra */
.quick-add-options{display:grid;gap:12px;margin-top:18px}.quick-add-options button{text-align:left;padding:18px;min-height:76px;white-space:normal}.quick-add-options strong,.quick-add-options small{display:block}.quick-add-options strong{font-size:14px}.quick-add-options small{font-size:12px;margin-top:7px;line-height:1.5;opacity:.85}
.quick-add-floating{position:fixed;right:max(20px,calc((100vw - 1160px)/2));bottom:var(--quick-bottom,24px);z-index:21;width:56px;height:56px;min-height:56px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;background:radial-gradient(ellipse at bottom right,#ce3db1 0%,#7328a3 35%,#1c1922 75%);color:white;box-shadow:0 6px 22px #33174438;font-size:32px;line-height:1;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px) scale(.8);transition:opacity .18s,transform .25s,visibility .18s}.quick-add-floating:hover{background:radial-gradient(ellipse at bottom right,#de53c1 0%,#8735b8 38%,#1c1922 78%)}.quick-add-floating.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);animation:quick-add-collapse .3s cubic-bezier(.22,.68,.25,1)}.quick-add-floating:focus-visible{outline:3px solid #a47bc4;outline-offset:4px}body:has(dialog[open]) .quick-add-floating,body:has(.house-tutorial) .quick-add-floating,.auth-needed .quick-add-floating{visibility:hidden;pointer-events:none;opacity:0}body:has(#content [data-quick-add-anchor]) footer{padding-bottom:30px}
@keyframes quick-add-collapse{from{width:160px;border-radius:20px;transform:translateY(10px)}to{width:56px;border-radius:50%;transform:translateY(0)}}@media(max-width:650px){.quick-add-floating{right:18px}body:has(.quick-add-floating.is-visible) #toast{bottom:calc(180px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.quick-add-floating,.quick-add-floating.is-visible{animation:none;transition:none;transform:none}}

/* Compra: controles compactos, movimento discreto e área segura no celular. */
.quick-add-floating{animation:none!important;transform:translate3d(0,22px,0) scale(.72);transition:transform .32s cubic-bezier(.22,.7,.25,1),opacity .22s ease,visibility 0s linear .32s;will-change:transform,opacity}.quick-add-floating span{transition:transform .32s cubic-bezier(.22,.7,.25,1);transform:rotate(-65deg)}.quick-add-floating.is-visible{animation:none;transform:translate3d(0,0,0) scale(1);transition:transform .36s cubic-bezier(.18,.85,.3,1.12),opacity .22s ease,visibility 0s}.quick-add-floating.is-visible span{transform:rotate(0)}.quick-add-floating:active{transform:scale(.92)}
button.primary,.checkout-note,.purchase-row [data-action="to-cart"],.quick-add-options button{transition:transform .15s ease,box-shadow .18s ease,filter .18s ease}button.primary:active,.checkout-note:active,.purchase-row [data-action="to-cart"]:active,.quick-add-options button:active{transform:scale(.97);filter:brightness(.96)}@media(hover:hover){button.primary:hover,.checkout-note:hover{box-shadow:0 5px 16px #3822471c;transform:translateY(-1px)}}
.checkout-panel{background:#fff;border:1px solid #e8dfee;border-radius:20px;padding:20px;margin-top:18px}.checkout-panel-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.checkout-panel-head h3{margin:0;font-size:17px}.checkout-panel-head label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.checkout-panel-head select{width:auto;max-width:180px;min-height:44px;padding:8px 12px}.checkout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.checkout-actions button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}.checkout-note{background:#f5f0fa;border:1px solid #e2d6ed;color:#5e3f75;box-shadow:none}.checkout-note svg{width:20px;height:20px;flex-shrink:0}.checkout-panel>p{font-size:11px;line-height:1.5;margin:12px 0 0;color:#796984}
.quantity-control{width:100%;min-width:0}.quantity-control-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quantity-control select{min-height:46px;padding:9px 10px;text-align:center;font-size:16px;font-weight:600;border-radius:12px}.quantity-control label{margin:0 0 5px!important;font-size:11px!important}.quantity-control select:disabled{opacity:.55}.twocol:has(#qty[data-quantity-mode="kg"]){grid-template-columns:1fr!important}.weight-part:has(.quantity-control){display:flex;align-items:center;gap:10px}.weight-part>label{flex:1}.weight-part .quantity-control{margin-top:6px}.weight-part button{align-self:center}.saved-edit-row .plan-quantity{gap:10px}.saved-edit-row:has(.quantity-control-pair) .plan-quantity{grid-template-columns:1fr}.package-measure:has(.quantity-control-pair){grid-template-columns:1fr!important}
.list-secondary-tools{display:flex;justify-content:space-between;align-items:start;gap:12px;margin:2px 0 8px}.list-secondary-tools .list-help{margin:0;flex:1}.list-secondary-tools .list-help>summary{min-height:40px;padding:10px 0;font-size:11px}.list-secondary-tools .list-order-action{margin:0;padding:0;flex-shrink:0}.list-secondary-tools .list-order-action button{min-height:40px;font-size:11px;padding:8px 12px}.purchase-control-row{margin:10px 0 6px;gap:10px}.purchase-control-row .purchase-filter{margin:0}.purchase-control-row .purchase-legend{margin-top:8px;gap:5px}.purchase-control-row .purchase-legend span{font-size:10px;padding:5px 7px}.list-search-toolbar{margin-top:0!important;margin-bottom:14px}.estimate-box{margin-bottom:10px}
@media(max-width:650px){#purchase-bar:not([hidden]){left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));padding:11px 14px 13px;border-radius:18px;gap:10px}#purchase-bar small{line-height:1.5;font-size:10px}#purchase-bar strong{line-height:1.3;font-size:19px}.checkout-panel{padding:16px}.checkout-panel-head{gap:8px}.checkout-panel-head h3{font-size:16px}.checkout-panel-head select{max-width:148px}.checkout-actions{grid-template-columns:1fr;gap:8px;margin-top:12px}.checkout-actions button{min-height:46px}.purchase-control-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start;margin:8px 0 4px}.purchase-control-info{display:contents}.purchase-control-row .purchase-filter{grid-column:1;grid-row:1;gap:4px;flex-wrap:wrap}.purchase-control-row>.purchase-add-button{grid-column:2;grid-row:1;width:100%;min-height:44px;font-size:11px;padding:8px}.purchase-control-row .purchase-filter button{min-height:44px;font-size:11px;padding:8px 10px}.purchase-control-row .purchase-legend{grid-column:1/-1;grid-row:2;margin:0}.estimate-box{margin:10px 0 8px}.list-secondary-tools{margin:0 0 6px;gap:8px}.list-search-toolbar{gap:8px}.list-search-toolbar input,.list-search-toolbar select{min-height:44px}#modal:has(.quantity-control),#modal:has(.quick-add-options){padding:20px;width:calc(100vw - 24px);border-radius:24px}#modal:has(.quantity-control) .dialog-head{margin-bottom:12px}#modal:has(.quantity-control) #fields>p{font-size:12px;line-height:1.5;margin:8px 0}#modal:has(.quantity-control) #fields label{margin-top:10px}.plan-picker{margin-top:12px}.plan-picker select{min-height:48px;font-size:18px}.plan-picker-summary{margin:10px 0;min-height:0}}
@media(prefers-reduced-motion:reduce){.quick-add-floating,.quick-add-floating span,.quick-add-floating.is-visible,button.primary,.checkout-note,.purchase-row [data-action="to-cart"],.quick-add-options button{transition:none!important;animation:none!important}.quick-add-floating,.quick-add-floating.is-visible,.quick-add-floating span{transform:none}button.primary:active,.checkout-note:active{transform:none}}

#fields .twocol:has(#qty[readonly])>div:first-child{display:none}

/* Escolha de adição: títulos e descrições em colunas fixas. */
#modal:has(.quick-add-options){width:min(430px,calc(100vw - 24px));padding:22px;border-radius:24px}#modal:has(.quick-add-options) .dialog-head{margin-bottom:8px;align-items:center}#modal:has(.quick-add-options) .dialog-head h2{font-size:21px;line-height:1.25}#modal:has(.quick-add-options) #error:empty{display:none}.quick-add-intro{font-size:13px;margin:0 0 16px;line-height:1.5;color:#7b6b86}.quick-add-options{gap:10px;margin-top:0}.quick-add-options button{display:grid;grid-template-columns:38px minmax(0,1fr) 12px;align-items:center;gap:12px;width:100%;padding:15px 14px;min-height:78px;border-radius:16px;text-align:left;letter-spacing:0;text-transform:none;white-space:normal}.quick-add-options #quick-add-cart{background:radial-gradient(ellipse at bottom right,#a634b6,#492067 48%,#1c1922 90%);color:#fff;border:1px solid transparent;box-shadow:0 5px 16px #39234514}.quick-add-options #quick-add-plan{background:#faf8fc;border:1px solid #e8dff0;color:#392a45;box-shadow:none}.quick-option-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ffffff18}.quick-option-icon .nav-icon{width:22px;height:22px}.quick-add-options #quick-add-plan .quick-option-icon{background:#eee7f5;color:#77558d}.quick-option-copy{min-width:0}.quick-add-options strong{font-size:14px;font-weight:650;line-height:1.35;margin:0}.quick-add-options small{font-size:11px;font-weight:400;line-height:1.45;margin-top:5px;opacity:.8;letter-spacing:0}.quick-option-arrow{font-size:22px;font-weight:400;opacity:.65}@media(max-width:360px){#modal:has(.quick-add-options){padding:18px}.quick-add-options button{padding:13px 11px;gap:9px;grid-template-columns:34px minmax(0,1fr) 10px}.quick-option-icon{width:34px;height:36px}.quick-add-options strong{font-size:13px}.quick-add-options small{font-size:10.5px}}

.list-utilities{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 14px;min-width:0}.list-utilities .market-order-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 0;background:transparent;border:0;border-radius:8px;box-shadow:none;color:#796785;font-size:11px;font-weight:500;white-space:nowrap}.market-order-link svg{width:17px;height:17px;flex-shrink:0}.market-order-link:hover{color:#4d315f;background:transparent}.purchase-status-dots{display:flex;align-items:center;gap:7px;flex-shrink:0}.purchase-status-dot{display:grid;place-items:center;width:29px;height:29px;min-width:29px;border-radius:50%;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}.purchase-status-missing{background:#fff1d5;color:#795414}.purchase-status-cart{background:#e3f3eb;color:#276248}.list-search-toolbar{margin-bottom:4px}.purchase-control-row .purchase-filter{margin-bottom:0}.list-secondary-tools:has(>.list-help:only-child){margin-bottom:0}.list-secondary-tools:has(>.list-help:only-child) .list-help{flex:0 1 auto}@media(max-width:650px){.list-utilities{margin:0 0 12px}.purchase-control-row{margin-bottom:0}.list-search-toolbar{margin-bottom:2px}}

.brand .brand-logo{display:block;width:200px;height:auto;max-width:100%;object-fit:contain}.brand{min-width:0}.entry-brand .entry-brand-logo{display:block;width:210px;max-width:100%;height:auto;border-radius:0}.entry-brand:has(.entry-brand-logo){margin-bottom:30px}@media(max-width:650px){.brand .brand-logo{width:144px}}@media(max-width:360px){.brand .brand-logo{width:112px}}

.list-utilities .market-order-link{order:2;margin-left:auto}.list-utilities .purchase-status-dots{order:1}
/* Compact illustrated purchase rows; labels remain available to assistive technology. */
.product-illustration{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:#ffffffa8}.product-illustration svg{width:42px;height:42px}.purchase-info{flex:1;min-width:0}.purchase-row .actions button svg{width:19px;height:19px;flex-shrink:0}.purchase-row .actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.purchase-row .purchase-info strong{overflow-wrap:anywhere}.purchase-row .purchase-quantity{font-weight:600;color:#62566e}.purchase-row .actions{gap:6px}.purchase-row .purchase-info .status{font-size:10px;margin-top:4px}.purchase-row .purchase-reference{font-size:11px}.purchase-row .purchase-info small{line-height:1.35}
@media(max-width:650px){
 #content .purchase-row{display:grid;grid-template-columns:40px minmax(0,1fr) 88px;gap:9px;padding:12px 10px;margin:7px 0;border-radius:16px;align-items:center;min-height:88px}
 #content .purchase-row .product-illustration{width:40px;height:44px;border-radius:12px}#content .purchase-row .product-illustration svg{width:38px;height:38px}
 #content .purchase-row .purchase-info{min-width:0;padding:0}#content .purchase-row .purchase-info strong{font-size:13px;line-height:1.35;padding-right:0}#content .purchase-row .purchase-reference{display:none}#content .purchase-row .purchase-quantity{font-size:12px;margin-top:3px}#content .purchase-row .status{font-size:10px;line-height:1.2;padding:0;background:none;border:0;margin-top:3px}
 #content .purchase-row .actions{display:grid;grid-template-columns:44px 44px;gap:0;min-width:0;padding:0;align-items:center}#content .purchase-row .actions button{width:44px;height:44px;min-height:44px;padding:0;border-radius:12px;box-shadow:none;margin:0}#content .purchase-row .actions [data-action="to-cart"]{grid-column:2;grid-row:1 / span 2;align-self:center;height:44px}#content .purchase-row .actions [data-action="unplan-item"]{grid-column:1;grid-row:2;border:0;background:transparent;color:#a4818d}#content .purchase-row .actions [data-action="plan-item"]{grid-column:1;grid-row:1}#content .purchase-row .list-action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#content .purchase-row.purchase-planning .actions{display:flex;flex-wrap:wrap;justify-content:flex-end}#content .purchase-row:has(.master-remove){padding-top:40px}#content .purchase-row:has(.master-remove) .master-remove{top:0;right:4px}
}
@media(max-width:650px){#content .list-products{padding:12px 10px}#content .list-products>h3{margin:8px 4px 12px}#content .purchase-row .purchase-quantity{font-size:12px}#content .purchase-row .actions [data-action="unplan-item"]:disabled{visibility:hidden}}
.product-illustration img{display:block;width:42px;height:42px;object-fit:contain}.purchase-quantity-edit{display:none}
.product-illustration.adult-icon-new img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:1}
@media(max-width:650px){
 #nav{background:rgba(233,229,239,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
 #nav::after{content:"";position:absolute;inset:-12px -20px -7px;z-index:-2;background:rgba(245,245,247,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:none;border-radius:0 0 24px 24px}
 #content .purchase-row:not(.purchase-planning){grid-template-columns:40px minmax(0,1fr) 88px;min-height:96px;gap:9px;padding:10px}
 #content .purchase-row:not(.purchase-planning) .actions{display:flex;flex-wrap:nowrap;gap:4px;justify-content:flex-end;align-items:center}
 #content .purchase-row:not(.purchase-planning) .actions [data-action="plan-item"]{display:none}
 #content .purchase-row:not(.purchase-planning) .actions button{width:42px;height:44px;min-height:44px;flex-shrink:0;border-radius:12px}
 #content .purchase-row:not(.purchase-planning) .actions [data-action="unplan-item"]{border:1px solid #e5dce9;background:#fff;color:#997788}
 #content .purchase-row:not(.purchase-planning) .actions [data-action="to-cart"]{height:44px}
 #content .purchase-row:not(.purchase-planning) .purchase-quantity{display:none}
 #content .purchase-row .purchase-quantity-edit{display:flex;align-items:center;justify-content:flex-start;gap:6px;width:fit-content;min-width:44px;min-height:44px;padding:4px 0;border:0;background:transparent;border-radius:8px;color:#65556f;font-size:12px;font-weight:600;line-height:1.2;text-align:left}
 #content .purchase-row .purchase-quantity-edit svg{width:13px;height:13px;color:#a18aa9}
 #content .purchase-row .status{margin-top:0}
 #content .purchase-row .product-illustration img{width:38px;height:38px}
 #purchase-bar:not([hidden]){left:0;right:0;bottom:0;padding:11px 18px calc(21px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -6px 24px #291a350c;border-bottom:0}
}
/* Carrinho: formulário compacto, com categoria secundária recolhida. */
#modal.cart-dialog{padding:20px;width:min(94vw,480px)}#modal.cart-dialog .dialog-head{margin-bottom:10px}#modal.cart-dialog .dialog-head h2{font-size:21px}#modal.cart-dialog #fields>p{font-size:12px;line-height:1.4;margin:0 0 10px}#modal.cart-dialog #fields label{font-size:12px;margin:8px 0 5px}#modal.cart-dialog input,#modal.cart-dialog select{min-height:44px;padding:9px 12px}#modal.cart-dialog #fields>.twocol{grid-template-columns:minmax(0,1fr) 94px;gap:10px;align-items:start}#modal.cart-dialog .quantity-control{margin:0;gap:6px}#modal.cart-dialog .quantity-control select{font-size:16px;min-height:44px}#modal.cart-dialog .quantity-control label{font-size:10px;margin:0 0 4px}#modal.cart-dialog .cart-category{margin:6px 0;color:#88778f;font-size:11px}#modal.cart-dialog .cart-category summary{padding:6px 0;min-height:32px;line-height:1.5}#modal.cart-dialog .cart-category[open]{padding-bottom:6px}#modal.cart-dialog .cart-price{padding:10px 12px;margin:10px 0 0;border-radius:16px}#modal.cart-dialog .cart-price label{margin:0 0 5px!important}#modal.cart-dialog .cart-price input{min-height:50px;font-size:25px;padding:6px 12px}#modal.cart-dialog .cart-price small{font-size:10px;margin-top:4px;line-height:1.3}#modal.cart-dialog #last-paid:empty,#modal.cart-dialog #product-suggestions:empty,#modal.cart-dialog #error:empty{display:none}#modal.cart-dialog #last-paid{margin:6px 0;font-size:11px}#modal.cart-dialog #preview{padding:10px 12px;margin-top:8px;font-size:13px;border-radius:12px}#modal.cart-dialog .package-compare{margin:6px 0}#modal.cart-dialog .package-compare>summary{padding:8px 0;font-size:12px;min-height:36px}#modal.cart-dialog #weight-tools{margin:4px 0}#modal.cart-dialog #add-weight{padding:6px 10px;min-height:36px;font-size:11px}#modal.cart-dialog #weight-hint{font-size:10px;margin:3px 0}#modal.cart-dialog #form>.primary{margin-top:10px;min-height:46px}#modal.cart-dialog #fields .twocol>div:first-child>label{margin-bottom:5px}#modal.cart-dialog #fields .twocol>div:first-child:has(.quantity-control-pair)>label{display:none}#modal.cart-dialog #fields .twocol>div:first-child:has(.quantity-control-pair){padding-top:8px}@media(max-width:650px){#modal.cart-dialog{padding:18px;width:calc(100vw - 24px)}#modal.cart-dialog .dialog-head{margin-bottom:8px}#modal.cart-dialog #name{font-size:16px}#modal.cart-dialog .cart-category select{font-size:16px}}
#modal.cart-dialog #fields>.twocol:has(#qty[data-quantity-mode="kg"]){grid-template-columns:minmax(0,1fr) 82px!important;gap:8px}#modal.cart-dialog #fields .twocol>div{min-width:0}#modal.cart-dialog .quantity-control-pair select{padding-left:4px;padding-right:4px}#modal.cart-dialog #product-suggestions{margin:4px 0;font-size:11px}#modal.cart-dialog #product-suggestions small{font-size:10px;line-height:1.3}
@media(max-width:650px){#content .purchase-row.purchase-planning{padding:10px;grid-template-columns:40px minmax(0,1fr) 88px;gap:9px;min-height:108px}#content .purchase-row.purchase-planning:has(.master-remove){padding-top:10px}#content .purchase-row.purchase-planning .actions{display:grid;grid-template-columns:44px 44px;gap:2px;justify-content:end;align-items:center}#content .purchase-row.purchase-planning .actions button,#content .purchase-row.purchase-planning .master-remove{position:static;inset:auto;width:44px;height:44px;min-height:44px;padding:0;margin:0;grid-column:auto;grid-row:auto;border:1px solid #e5dce9;border-radius:12px;background:#fff;color:#776282}#content .purchase-row.purchase-planning .actions [data-action="plan-item"]{color:#fff;background:#633985;border:0}#content .purchase-row.purchase-planning .master-remove{color:#a07587;font-size:20px}#content .purchase-row.purchase-planning .purchase-reference{display:block;font-size:10px;line-height:1.35;margin-top:4px}#content .purchase-row.purchase-planning .purchase-info strong{padding-right:0}#content .purchase-row.purchase-planning .actions [data-action="unplan-item"]:disabled{visibility:hidden}}
@media(min-width:651px){.purchase-row .actions .master-remove{position:static;width:44px;height:44px;min-height:44px;padding:0}.purchase-row:has(.master-remove) .purchase-info>strong{padding-right:0}}
/* Planejamento: uma faixa de ações legível, sem agrupamento em L. */
@media(max-width:650px){
 #content .purchase-row.purchase-planning{grid-template-columns:38px minmax(0,1fr);gap:6px 10px;min-height:0;padding:12px}
 #content .purchase-row.purchase-planning .purchase-info{grid-column:2;grid-row:1}
 #content .purchase-row.purchase-planning .product-illustration{grid-column:1;grid-row:1}
 #content .purchase-row.purchase-planning .actions{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:5px;padding-top:8px;margin-top:3px;border-top:1px solid #ded9e54d;width:100%}
 #content .purchase-row.purchase-planning .actions button{position:static;min-width:44px;width:44px;min-height:44px;height:44px;flex:0 0 44px;border-radius:10px;padding:0;box-shadow:none;font-size:11px}
 #content .purchase-row.purchase-planning .actions [data-action="edit-item"],#content .purchase-row.purchase-planning .actions [data-action="plan-item"]{flex:1 1 0;width:auto;gap:5px;padding:6px;color:#675473;background:#fff;border:1px solid #e1d8e8;order:0}
 #content .purchase-row.purchase-planning .actions [data-action="plan-item"]{background:#eee7f5;color:#5c3676;border-color:#dfd0eb;order:1}
 #content .purchase-row.purchase-planning .actions .master-remove{order:3;border:0;background:transparent;color:#aa8291}
 #content .purchase-row.purchase-planning .actions [data-action="unplan-item"]{order:2;border:0;background:transparent;color:#917b9a}
 #content .purchase-row.purchase-planning .actions [data-action="unplan-item"]:disabled{display:none}
 #content .purchase-row.purchase-planning .actions .list-action-label{position:static;width:auto;height:auto;clip-path:none;white-space:normal;overflow:visible;line-height:1.2}
 #content .purchase-row.purchase-planning .actions [data-action="unplan-item"] .list-action-label{display:none}
 #content .purchase-row.purchase-planning .actions svg{width:16px;height:16px}
 #content .purchase-row.purchase-planning .purchase-reference{font-size:10px}
}
/* Mesma linguagem visual do Despens nas ações de planejamento. */
@media(max-width:650px){
 #content .purchase-row.purchase-planning .actions button{border-radius:999px}
 #content .purchase-row.purchase-planning .actions [data-action="edit-item"]{border-radius:999px;background:#fff;border:1px solid #e3dbea;color:#71617f;box-shadow:0 2px 6px #35213d05;font-weight:500}
 #content .purchase-row.purchase-planning .actions [data-action="plan-item"]{border-radius:999px;background:radial-gradient(ellipse at 95% 180%,#fbc9e3 5%,#b337a5 32%,#553084 50%,transparent 72%),#1c1a21;color:#fff;border:0;font-weight:600;box-shadow:0 3px 10px #35213d12}
 #content .purchase-row.purchase-planning .actions .master-remove,#content .purchase-row.purchase-planning .actions [data-action="unplan-item"]{border-radius:999px;background:transparent;border:0;box-shadow:none}
}
.planning-simple .planning-simple-actions{display:flex;gap:8px;align-items:center}.planning-simple-actions .primary{display:flex;align-items:center;justify-content:center;gap:6px}.planning-simple-actions svg{width:17px;height:17px;flex-shrink:0}.planning-more{border:0;background:transparent;min-width:44px;width:44px;padding:0;border-radius:999px}.planning-options{display:grid;gap:8px}.planning-options button{text-align:left;border-radius:14px;min-height:48px}.planning-options [data-action="delete-master-item"]{color:#a35e79;background:#fff8fa}.planning-stock{font-size:11px;color:#8c8192}
@media(max-width:650px){#content .purchase-row.planning-simple{grid-template-columns:38px minmax(0,1fr);padding:12px;gap:6px 10px;min-height:0}#content .planning-simple .planning-simple-actions{grid-column:2;display:flex;gap:6px;padding:3px 0 0;margin:0;border:0}#content .planning-simple-actions .primary{flex:1;min-width:0;width:auto;min-height:44px;padding:8px 12px;font-size:11px;border-radius:999px}#content .planning-simple-actions .list-action-label{position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:normal;line-height:1.25}#content .planning-simple-actions .planning-more{flex:0 0 44px;min-height:44px;border:0;background:transparent;padding:0}#content .planning-simple .purchase-reference{display:block;margin-top:3px;line-height:1.4}#content .planning-simple .planning-stock{display:block;font-size:10px;margin-top:2px}#content .planning-simple .status{margin-top:4px;color:#79608c}}
/* Quantidades alinhadas e status junto à edição na compra atual. */
#modal #fields .plan-quantity:has(.quantity-control-pair){display:grid;grid-template-columns:minmax(0,1fr) 94px;gap:10px;align-items:end}
#modal #fields .plan-quantity:has(.quantity-control-pair)>div{min-width:0}
#modal #fields .plan-quantity:has(.quantity-control-pair)>div:first-child>label{display:none}
#modal #fields .plan-quantity .quantity-control-pair{gap:8px}
#modal #fields .plan-quantity .quantity-control-pair label{margin:0 0 6px!important}
#modal #fields .plan-quantity select{height:48px;min-height:48px;margin:0}
#modal #fields .plan-quantity .quantity-control-pair select{padding-left:6px;padding-right:6px}
@media(max-width:650px){
 #content .purchase-row:not(.purchase-planning) .purchase-info{align-self:center}
 #content .purchase-inline-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px}
 #content .purchase-inline-meta .purchase-quantity-edit{flex:0 1 auto;min-height:44px;margin:0;padding:4px 0}
 #content .purchase-inline-meta .status{margin:0;font-size:9px;line-height:1.25;flex:0 1 auto}
 #content .purchase-row:not(.purchase-planning){min-height:84px}
}
@media(max-width:650px){#content .purchase-row:not(.purchase-planning) .purchase-info{transform:translateY(3px)}}
.research-export-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.research-distribution{padding:8px 0}.research-distribution>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:5px}.research-distribution progress{width:100%;height:6px;accent-color:#7135e8}.research-open-row{padding:14px 0;border-bottom:1px solid #eee7f3}.research-open-row p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.research-open-row small{font-size:10px;color:#94829e}

/* Mobile review: readable controls, compact overview and predictable dialog spacing. */
html{scroll-padding-top:100px}body:has(dialog[open]){overflow:hidden}
dialog{overscroll-behavior:contain}dialog input,dialog select,dialog textarea{max-width:100%;min-width:0}
@media(max-width:650px){
 header{padding-top:16px}main{padding-top:8px}.intro .date{margin-top:8px}.intro{margin-bottom:14px}
 .summary{gap:8px}.metric:first-child{min-height:130px;padding:18px 20px}.metric:first-child strong{font-size:36px;line-height:1.15}.metric label{margin-bottom:8px;font-size:9px}.metric:first-child small{margin-top:7px;font-size:11px}
 .metric:not(:first-child){min-height:112px;padding:14px 12px}.metric small{font-size:11px;line-height:1.4;margin-top:6px}
 #nav{margin:16px 0;scrollbar-width:none}#nav button{min-height:56px;font-size:11px}#nav::-webkit-scrollbar{display:none}
 #content .section-head{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}#content .section-head>div{flex:auto}#content .section-head>button{align-self:flex-end;min-height:44px;font-size:12px}
 #content .section-head p{margin-bottom:0;line-height:1.5}.list-controls button,.purchase-control-row button{font-size:12px}.list-view-tabs button{font-size:11px}
 #content .purchase-row .purchase-info strong{font-size:14px}#content .purchase-inline-meta{gap:6px}#content .purchase-inline-meta .status{font-size:11px;line-height:1.35}#content .purchase-row .purchase-info{min-width:0}
 .list-utilities .market-order-link{font-size:12px}.list-secondary-tools .list-help>summary{font-size:12px;min-height:44px}.purchase-status-dot{font-size:12px}
 dialog input:not([type=hidden]),dialog select,dialog textarea,.history-month-picker select,.stock-product select{font-size:16px}
 #modal.cart-dialog #fields>.twocol{margin-top:0;align-items:end}#modal.cart-dialog #fields .twocol>div:first-child:has(.quantity-control-pair){padding-top:0}
 #modal.cart-dialog .cart-category summary{min-height:44px;font-size:12px;padding:10px 0}#modal.cart-dialog .cart-category{margin:2px 0}
 #modal.cart-dialog #add-weight,#modal.cart-dialog .package-compare>summary{min-height:44px;font-size:12px}
 #modal.cart-dialog .cart-price small,#modal.cart-dialog #weight-hint{font-size:11px;line-height:1.4}#modal.cart-dialog .quantity-control label{font-size:11px!important}
 #modal .cart-price{padding:12px;margin-top:12px;border-radius:16px}#modal .cart-price input{min-height:48px;padding:8px 12px;font-size:25px}#modal .cart-price small{font-size:11px;line-height:1.4}
 #modal.cart-dialog .cart-price{margin-top:8px}#modal #error:empty{display:none}#modal #fields>.twocol>div{min-width:0}
 .register-record{column-gap:8px}.register-record>div{min-width:0}.register-record small{overflow-wrap:anywhere}.register-record>strong{white-space:nowrap}.register-record button,.history-record-actions button,.house-settings button{min-height:44px}
 .history-record summary{min-height:52px}.history-records-title{flex-wrap:wrap;gap:6px}.history-record-body p{font-size:13px}.history-record-body p small{font-size:11px}.settings-section-head{flex-wrap:wrap}
 .receipt-source-tabs button{min-height:44px}.entry-card>p{line-height:1.5}
}
@media(max-width:360px){
 main{padding-left:12px;padding-right:12px}.metric:not(:first-child) strong{font-size:19px}.metric small{font-size:10px}#nav button{font-size:10px;padding-left:3px;padding-right:3px}
 #content .purchase-row{grid-template-columns:32px minmax(0,1fr) 88px;gap:6px;padding:10px 8px}#content .purchase-row .product-illustration{width:32px}#content .purchase-row .product-illustration img{width:32px;height:36px}
 #content .purchase-row .purchase-info strong{font-size:13px}.history-month-picker{flex-wrap:wrap}.history-month-picker select{max-width:100%;flex:1}
}

.cart-row .actions svg{width:19px;height:19px}.cart-row .actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.list-tools-menu{min-width:0}.list-tools-menu>summary{font-size:12px;min-height:44px;color:#796785}.list-tools-menu[open]{padding-bottom:8px}.list-tools-menu .list-new-purchase{margin-top:4px}
@media(max-width:650px){
 #content .cart-row{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:4px 10px;align-items:center;padding:14px 0;min-height:96px}
 #content .cart-row>div:first-child{grid-column:1;grid-row:1/3;min-width:0}#content .cart-row strong{font-size:14px;line-height:1.4}#content .cart-row small{font-size:12px;line-height:1.5}
 #content .cart-row .money{grid-column:2;grid-row:1;text-align:center;font-size:14px;white-space:nowrap}#content .cart-row .actions{grid-column:2;grid-row:2;display:flex;gap:0;max-width:none;justify-content:center}#content .cart-row .actions button{width:44px;height:44px;min-height:44px;padding:0}#content .cart-row .cart-edit-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .list-controls .list-tools-menu{grid-column:1/-1}.list-tools-menu .list-new-purchase{display:flex;flex-wrap:wrap;gap:8px}.list-tools-menu .list-new-purchase button{flex:1 1 130px;min-height:44px;font-size:12px}
 .estimate-box{padding:14px 16px}.estimate-box strong{font-size:24px}.estimate-box p{font-size:12px;line-height:1.45;margin:6px 0}.estimate-box details>summary{min-height:44px;padding:10px 0}
}
@media(max-width:650px){#modal.cart-dialog #fields .twocol label{min-height:0;height:auto;display:block;line-height:1.35;margin-top:4px}#modal.cart-dialog #fields .twocol>div:first-child:has(.quantity-control-pair)>label{display:none}#modal.cart-dialog .quantity-control-pair label{min-height:0!important;height:auto;line-height:1.35}#content .estimate-box>p{font-size:12px;line-height:1.45}}
@media(max-width:650px){.history-breakdown>div{padding:12px 8px}.history-breakdown strong{font-size:14px;white-space:nowrap}.register-options h3{font-size:19px;line-height:1.3}.register-options p{font-size:14px;line-height:1.5}.register-options .card{padding:20px}.register-options button{min-height:44px}.register-help{font-size:12px;line-height:1.5}}
@media(max-width:360px){.history-breakdown{grid-template-columns:1fr;gap:6px}.history-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 12px}.history-breakdown strong{margin:0;font-size:14px}}
/* A single action row across current, master and weekly lists. */
.list-compact-tools{display:flex;align-items:center;gap:8px;margin:6px 0 12px}.list-compact-tools button{min-height:44px}.list-compact-tools .list-options-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;background:transparent;border-color:transparent;color:#756181}.list-compact-tools .list-help-trigger{display:grid;place-items:center;width:44px;flex:0 0 44px;padding:0;background:transparent;border-color:transparent;color:#756181}.list-help-trigger svg{width:20px;height:20px}.list-compact-tools>.primary{margin-left:auto;padding:10px 16px;font-size:12px}.compact-filter{display:flex!important;margin:4px 0 8px!important}.compact-filter .purchase-filter{display:flex;gap:8px;margin:0}#modal:has(.planning-options) #error:empty{display:none}
@media(max-width:650px){.list-controls,.list-controls-planning{display:block}.list-controls>.list-view-tabs{width:100%}.list-compact-tools{gap:4px;margin:4px 0 8px}.list-compact-tools .list-options-trigger{font-size:12px;padding:8px 6px}.list-compact-tools>.primary{font-size:11px;padding:9px 12px;white-space:nowrap}.list-compact-tools .list-help-trigger{width:40px;flex-basis:40px}.compact-filter .purchase-filter button{min-height:40px}}
@media(max-width:360px){.list-compact-tools>.primary{padding-left:10px;padding-right:10px;font-size:10.5px}.list-compact-tools .list-options-trigger{gap:4px;font-size:11px}}

/* Experience review: distinguish actions, adjustments and filters; retain the brand palette. */
:root{--support-ink:#6b6075;--soft-surface:#f7f4fa;--soft-border:#e3d9eb;--secondary-ink:#634579}
.planning-simple-actions .planning-adjust{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--soft-border);background:#fff;color:var(--secondary-ink);box-shadow:none;min-height:44px;padding:8px 12px;font-size:12px;border-radius:999px;flex:1;min-width:0}
.planning-simple-actions .planning-adjust:hover{background:#f3edf8}.planning-simple-actions .planning-adjust:active{transform:scale(.98)}
.planning-simple .planning-stock,.planning-simple .purchase-reference{color:var(--support-ink)}
.purchase-filter button[aria-pressed="true"]{background:#eee6f7;color:#583c70;border:1px solid #d7c6e7;box-shadow:none}
#content .list-compact-tools .list-options-trigger,#content .list-compact-tools .list-help-trigger{color:var(--support-ink)}
#content .list-compact-tools .list-options-trigger:hover,#content .list-compact-tools .list-help-trigger:hover{background:#eee8f3}
#content .row .actions button.danger:hover{background:#fbecf0;color:#a13550}
#content .cart-row small,.register-record small,.history-record summary,.history-records-title small,.history-note,.history-chart-title small,.history-chart-label,.history-chart-value{color:var(--support-ink)}
#fields .last-paid,.price-comparison-empty,#fields .cart-category,.house-settings .settings-section p,.house-settings .settings-section small,.settings-budget p,.settings-sharing-note{color:var(--support-ink)}
#modal:has(.planning-options) .planning-options button{border-color:var(--soft-border);color:#4e395f;background:var(--soft-surface)}
#modal:has(.planning-options) .planning-options button:hover{background:#eee6f5}#modal:has(.planning-options) .planning-options [data-action="delete-master-item"]{background:#fff5f7;color:#9c3c55;border-color:#efdae1}
button:disabled:hover{transform:none;box-shadow:none}button:focus-visible,summary:focus-visible{outline:3px solid #9466bc;outline-offset:3px}
@media(max-width:650px){
 #content .planning-simple-actions .planning-adjust{min-height:44px;font-size:12px;padding:8px 12px}#content .planning-simple-actions .planning-adjust .list-action-label{position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:normal;line-height:1.3}
 #content .planning-simple .purchase-reference,#content .planning-simple .planning-stock{font-size:11px;line-height:1.4}
 #content .planning-simple{padding-top:12px;padding-bottom:12px}.planning-simple-actions{padding-top:8px}
 .first-purchase-guide>span{color:#6d527d}.first-purchase-guide p{color:var(--support-ink)}.first-purchase-guide>div>button{width:100%}
 #modal #fields>p{line-height:1.55;color:var(--support-ink)}#modal .cart-price small{color:var(--support-ink)}
}
@media(prefers-reduced-motion:reduce){.planning-simple-actions .planning-adjust:active{transform:none}}
/* Ações compactas nas listas de planejamento, sem comprimir o nome do produto. */
@media(max-width:650px){
 #content .purchase-row.planning-simple{grid-template-columns:38px minmax(0,1fr) 88px;gap:6px 8px;align-items:center}
 #content .planning-simple .planning-simple-actions{grid-column:3;grid-row:1;align-self:center;display:flex;gap:0;padding:0}
 #content .planning-simple-actions .primary,#content .planning-simple-actions .planning-adjust{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border-radius:14px}
 #content .planning-simple-actions .planning-more{flex:0 0 44px;width:44px;height:44px}
 #content .planning-simple-actions .primary .list-action-label,#content .planning-simple-actions .planning-adjust .list-action-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #content .planning-simple-actions svg{width:19px;height:19px}
 #content .planning-simple .purchase-info{align-self:center}
}
/* The first purchase has one clear starting point, rather than repeated empty-cart actions. */
#content:has(>#first-purchase-guide)>.section-head,#content:has(>#first-purchase-guide)>.empty,#content:has(>#first-purchase-guide)>.hint{display:none}
body:has(#first-purchase-guide) .quick-add-floating{display:none}
.first-purchase-guide #first-purchase-later{min-height:44px;color:#6c527e}.tutorial-top button{min-height:44px}
/* Keep the stock controls comfortable to tap without adding another action row. */
#content .stock-product .stock-star,#content .stock-product .stock-remove{width:44px;min-width:44px;min-height:44px;height:44px}
#content .stock-product>div:first-of-type{padding-left:54px;padding-right:30px}
#content .stock-product .stock-remove{border-radius:50%;padding:0}
@media(max-width:650px){#content .stock-product>div:first-of-type{padding-left:54px;padding-right:30px}}
/* Hover feedback must not replace the brand gradient with an unrelated solid fill. */
:root{--action-background:radial-gradient(ellipse at 95% 180%,#fbc9e3 5%,#b337a5 32%,#553084 50%,transparent 72%),#1c1a21}
button.primary:not([aria-pressed]):hover{background:var(--action-background);color:#fff}

/* Ajuda do beta, sem alterar o layout das compras. */
.beta-help{display:grid;gap:20px}.beta-help section{display:grid;gap:9px}.beta-help h3{margin:0;font-size:15px;color:#392849}.beta-help p{margin:0;font-size:14px;line-height:1.65;color:#51465d}.beta-help small{font-size:12px;line-height:1.5;color:#685677}.beta-support-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;border:1px solid #ded3e9;border-radius:12px;color:#64248a;background:#f5effa;font-size:14px;font-weight:600;text-decoration:none;overflow-wrap:anywhere}.beta-support-link:focus-visible{outline:3px solid #a47bc4;outline-offset:3px}.beta-help .beta-version{border-top:1px solid #e5dcec;padding-top:14px;font-size:12px;overflow-wrap:anywhere}

.beta-help{gap:22px}.beta-help .beta-support{padding:18px;background:#f5f0fa;border:1px solid #e8def1;border-radius:18px;gap:10px}.beta-label{font-size:10px;letter-spacing:1px;font-weight:600;color:#79568e}.beta-help .beta-support h3{font-size:20px;letter-spacing:-.4px;color:#241b2d}.beta-help .beta-support p{font-size:14px;line-height:1.5}.beta-support .beta-support-link{margin-top:4px;background:#241b2d;color:#fff;border-color:#241b2d;min-height:48px}.beta-support small{font-size:11px;line-height:1.5}.beta-essentials ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.beta-essentials li{display:grid;grid-template-columns:8px 1fr;column-gap:10px;row-gap:3px}.beta-essentials li:before{content:"";width:6px;height:6px;border-radius:50%;background:#9263ae;grid-row:1/3;margin-top:7px}.beta-essentials strong{font-size:14px;color:#392849}.beta-essentials li span{font-size:13px;color:#685677;line-height:1.4}.beta-details{border-top:1px solid #e9e2ee;border-bottom:1px solid #e9e2ee}.beta-details summary{min-height:48px;padding:14px 0;font-size:13px;font-weight:600;color:#604573;cursor:pointer}.beta-details>div{display:grid;gap:12px;padding:0 0 16px}.beta-details p{font-size:13px;line-height:1.55}.beta-help .beta-version{border:0;padding:0;font-size:11px;color:#7b6b85}


#feedback-dialog{width:min(94vw,500px);max-height:calc(var(--dialog-visible-height,100dvh) - 24px);overflow-y:auto}#feedback-form{display:grid;gap:14px}#feedback-form .dialog-head{margin:0;gap:12px}#feedback-form h2{font-size:22px}#feedback-form .feedback-intro{font-size:14px;margin:0;color:#685677}.feedback-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}#feedback-form label{display:grid;gap:7px;font-size:13px;color:#51405f}#feedback-message{width:100%;resize:vertical;min-height:130px;border:1px solid #ded3e9;border-radius:12px;padding:12px;font:inherit;font-size:16px;color:#302637;background:#fff}#feedback-form select{font-size:16px;min-width:0}#feedback-form .feedback-privacy{font-size:11px;line-height:1.5;color:#73647e}#feedback-status{font-size:13px;line-height:1.5;color:#604573;margin:0}#feedback-status:empty{display:none}#feedback-form>button[type=submit]{min-height:48px}.feedback-alternative{font-size:12px;text-align:center;margin:0;color:#73647e}.feedback-alternative a{color:#64248a;text-underline-offset:3px}.beta-help .beta-feedback-button{min-height:48px;border:0}.beta-support .beta-support-link{background:transparent;color:#64248a;border:1px solid #d8c7e5;justify-content:center;min-height:44px}.settings-feedback{width:100%;margin-top:14px}.feedback-admin-card .feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;color:#493955;font-size:14px}.feedback-admin-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.feedback-admin-card label{display:grid;gap:6px;max-width:220px;font-size:12px;margin-top:14px}.feedback-admin-card small{overflow-wrap:anywhere}@media(max-width:360px){.feedback-two{grid-template-columns:1fr}}
/* Tablet: monetary values stay on one line and scale to the card's inner width. */
@media(min-width:651px) and (max-width:1050px){#summary .metric{min-width:0;container-type:inline-size;padding:22px 20px}#summary .metric strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(18px,12cqi,28px);line-height:1.15;letter-spacing:-.7px}#summary .metric:first-child strong{font-size:clamp(26px,17cqi,40px)}#summary .metric label{line-height:1.5;letter-spacing:1px}}

/* Approved compact header: connected status remains accessible without a text badge. */
header .header-controls{flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
header .header-controls .sync-top{max-width:210px;white-space:normal;text-align:left}
header .header-controls .sync-top[data-tone="connected"]{width:24px;min-width:24px;height:32px;min-height:32px;padding:0;border:0;border-radius:16px;background:transparent;font-size:0;display:grid;place-items:center}
header .sync-top[data-tone="connected"]::before{content:"";width:8px;height:8px;border-radius:50%;background:#328565}
#month{display:none}
@media(max-width:650px){main>.intro{display:none}header .header-controls{gap:4px}header .header-controls .sync-top:not([data-tone="connected"]){flex-basis:100%;max-width:100%;order:2}header .header-controls .sync-top[data-tone="connected"]{width:20px;min-width:20px}}
/* Register: two clear entry points, balanced actions and compact supporting information. */
.register-options{align-items:stretch;grid-template-columns:1.25fr 1fr}
.register-options .card{display:flex;flex-direction:column;gap:10px;padding:22px}
.register-options h3{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.4px}
.register-options p{margin:0 0 8px;font-size:14px;line-height:1.55}
.register-options .eyebrow{font-size:9px;letter-spacing:1.4px}
.register-options button{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:9px}
.register-options button .nav-icon{width:20px;height:20px;flex:none;margin:0}
.register-help{padding:0 4px;font-size:12px;line-height:1.55;margin:14px 0 20px}
.register-recent{padding:20px}.register-recent-head h3{font-size:18px}
@media(max-width:650px){.register-options{grid-template-columns:1fr;gap:12px}.register-options .card{padding:20px;gap:9px}.register-options button{margin-top:5px}.register-options h3{font-size:19px}.register-record{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.register-record>button{grid-column:2;grid-row:2}.register-record small{font-size:11px}}

.history-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.history-totals .history-total-food,.history-totals .history-total-home{display:flex;flex-direction:column;justify-content:space-between;gap:10px;background:#f0eaf7;border:1px solid #e7dff0;border-radius:16px;padding:16px;min-width:0}
.history-totals small{font-size:11px;line-height:1.4}
.history-totals strong{display:block;margin:0;font-size:clamp(18px,3vw,26px);line-height:1.2;letter-spacing:-.6px;white-space:nowrap}
@media(max-width:650px){.history-totals .history-total-food,.history-totals .history-total-home{padding:13px 12px}.history-totals strong{font-size:clamp(16px,4.8vw,24px)}}

header .header-controls .sync-top[data-tone="connected"]{position:relative;display:block;align-self:center;line-height:0}header .sync-top[data-tone="connected"]::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
@media(max-width:650px){#content .cart-row>div:first-child{align-self:start}#content .cart-row .money{align-self:start;line-height:1.4}}

/* Purchase controls share one row; estimate details are opt-in. */
.list-utilities{container-type:inline-size;flex-wrap:nowrap;gap:8px;margin-top:8px}
.list-utilities .missing-filter{order:0;flex:none;min-height:44px;padding:8px 10px;font-size:11px;white-space:nowrap}
.list-utilities .purchase-status-dots{order:1;gap:5px}
.list-utilities .market-order-link{order:2;margin-left:auto;min-width:44px;justify-content:center}
.clearable-search{position:relative;flex:1;min-width:0;width:100%}.clearable-search input{width:100%;padding-right:48px!important}.clearable-search .search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#79638a;font-size:25px;line-height:1;box-shadow:none}.clearable-search .search-clear:hover{background:#eee7f5}.clearable-search .search-clear[hidden]{display:none}
.clearable-search input::-webkit-search-cancel-button{display:none}#modal .clearable-search>.search-clear{margin:0;width:40px;padding:0;min-height:40px}
details.estimate-box{padding:0;overflow:hidden;margin:10px 0}
details.estimate-box>summary{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 16px;list-style:none;cursor:pointer}
details.estimate-box>summary::-webkit-details-marker{display:none}
details.estimate-box>summary>span:first-child{flex:1;font-size:11px;line-height:1.4;color:#685677}
details.estimate-box>summary>strong{margin:0;font-size:20px;white-space:nowrap;letter-spacing:-.5px}
.estimate-chevron{font-size:18px;line-height:1;transition:transform .18s ease}
details.estimate-box[open]>summary .estimate-chevron{transform:rotate(180deg)}
.estimate-content{padding:0 16px 14px}.estimate-content>p{margin:0;font-size:12px;line-height:1.5}.estimate-content details summary{font-size:12px}
.estimate-pending{margin-top:12px;padding:14px;border:1px solid #ded5e9;border-radius:16px;background:#faf8fc}.estimate-pending-adjust{background:#fffaf1;border-color:#efdfbf}.estimate-pending h4{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;line-height:1.5}.estimate-pending h4 span{border-radius:999px;padding:2px 7px;background:#eee7f5;color:#684582;font-size:11px}.estimate-pending p{color:#73677f;line-height:1.5}.estimate-pending ul{padding-left:18px;margin:10px 0 0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
@container(max-width:370px){.list-utilities .market-order-link span{display:none}}
@media(prefers-reduced-motion:reduce){.estimate-chevron{transition:none}}
#content:has(.list-controls-planning) .list-search-toolbar{margin-bottom:14px}

details.estimate-box>summary{gap:10px}
details.estimate-box>summary .estimate-chevron{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#e3d9ef;color:#665076;font-size:0;line-height:0}
.estimate-chevron svg{display:block;width:18px;height:18px}

@media(min-width:375px) and (max-width:650px){#content .section-head:has(>[data-action="add-cart"]){flex-direction:row;align-items:center;gap:14px}#content .section-head:has(>[data-action="add-cart"])>div{flex:1;min-width:0}#content .section-head:has(>[data-action="add-cart"])>button{align-self:center;flex:none;padding:10px 12px;font-size:11px}#content .section-head:has(>[data-action="add-cart"]) p{font-size:12px;line-height:1.5}}

.quantity-experiment{display:flex;align-items:center;min-width:0;gap:0}.quantity-experiment input{min-width:0;width:100%;font-size:20px;text-align:center;margin:0;height:48px;min-height:48px}.quantity-stepper{border:1px solid #ded3e9;border-radius:12px;overflow:hidden;background:#fff}.quantity-stepper input{border:0;border-radius:0;padding:8px 0}.quantity-stepper button{width:44px;min-width:44px;height:48px;min-height:48px;padding:0;border:0;border-radius:0;background:#f4eef9;color:#65417e;font-size:24px;box-shadow:none}.quantity-stepper button:disabled{opacity:.35}.quantity-experiment input:focus-visible{outline-offset:-3px}#modal.cart-dialog #fields .twocol>div:first-child>label{display:block!important}

.quantity-wheels{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}.quantity-wheels-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.quantity-wheel-group{position:relative;min-width:0}.quantity-wheel-label{display:block;font-size:11px;color:#776584;margin:0 0 6px}.quantity-wheel{position:relative;height:132px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;padding:44px 0;border:1px solid #e1d8eb;border-radius:14px;background:linear-gradient(to bottom,#faf8fc 0 43px,#ece4f5 44px 87px,#faf8fc 88px);touch-action:pan-y}.quantity-wheel::-webkit-scrollbar{display:none}.quantity-wheel:focus-visible{outline:3px solid #a47bc4;outline-offset:2px}.quantity-wheel-option{height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:18px;line-height:1;color:#a598af;font-variant-numeric:tabular-nums;cursor:pointer;user-select:none}.quantity-wheel-option[aria-selected=true]{color:#392449;font-size:23px;font-weight:650}.quantity-wheel[aria-disabled=true]{opacity:.5;overflow:hidden;pointer-events:none}
#modal.cart-dialog #fields .twocol>div:has(#unit){align-self:center}

/* Drag wheel: a clear center value and softly fading neighbours. */
.quantity-wheel{border:0;background:#f8f6fa;border-radius:16px;cursor:grab;mask-image:linear-gradient(to bottom,transparent 0%,#0008 22%,#000 38%,#000 62%,#0008 78%,transparent 100%)}
.quantity-wheel.is-dragging{scroll-snap-type:none;cursor:grabbing}
.quantity-wheel-option{font-size:27px;font-weight:400;color:#9c91a4;cursor:inherit}
.quantity-wheel-option[aria-selected=true]{font-size:34px;font-weight:550;color:#211b28}
.quantity-wheel:focus-visible{outline-offset:-3px}

.quantity-wheel{height:96px;padding:32px 0;border-radius:10px}.quantity-wheel-option{height:32px;min-height:32px;font-size:21px}.quantity-wheel-option[aria-selected=true]{font-size:27px;font-weight:550}.quantity-wheel-label{font-size:10px;margin-bottom:3px}.quantity-wheel[hidden]{display:none}.quantity-wheel-option[aria-selected=true]{cursor:text}.wheel-manual{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:4px;min-height:96px;align-content:center}.wheel-manual input{min-width:0;margin:0!important;padding:6px;font-size:20px;text-align:center;min-height:44px}.wheel-manual button{margin:0;min-width:0;padding:4px;font-size:12px;min-height:44px}.wheel-manual small{grid-column:1/-1;color:#aa3427;font-size:10px}.wheel-total{font-size:18px;color:#493455;padding:8px 0;display:block}#weight-parts .weight-part{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:4px 8px;padding:8px 0;border-bottom:1px solid #eee8f2;align-items:center}#weight-parts .weight-part>label{grid-column:1;margin:0!important;font-size:0}#weight-parts .weight-part-summary{grid-column:1;grid-row:1;display:block;background:transparent;color:#665076;border:0;padding:4px 0;text-align:left;min-height:32px;margin:0;font-size:12px;box-shadow:none}#weight-parts .weight-part-remove{grid-column:2;grid-row:1/3;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;margin:0;border-radius:50%}#weight-parts .weight-part.is-collapsed>label{display:none}#weight-parts .weight-part.is-collapsed .weight-part-remove{grid-row:1}#weight-parts .weight-part.is-collapsed{padding:3px 0}.weight-part-summary:focus-visible{outline:2px solid #a47bc4}#modal.cart-dialog #fields .twocol:has(#qty[readonly]){grid-template-columns:1fr 90px!important}
#modal.cart-dialog #fields #weight-parts .weight-part>label{font-size:0!important;line-height:0;margin:0!important}#weight-parts .quantity-wheel-label{line-height:1.3}#weight-parts .quantity-wheels{margin-top:0}
@media(max-width:650px){#content .purchase-row:not(.purchase-planning) .purchase-info{display:flex;flex-direction:column;justify-content:center;align-self:center;gap:2px;transform:none}#content .purchase-row:not(.purchase-planning) .purchase-info>strong{margin:0;line-height:1.3}#content .purchase-row:not(.purchase-planning) .purchase-inline-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex-wrap:nowrap;gap:2px;min-height:0}#content .purchase-row:not(.purchase-planning) .purchase-inline-meta .purchase-quantity-edit{position:relative;display:inline-flex;flex:none;min-height:0;height:auto;padding:0;margin:0;font-size:12px;line-height:1.35}#content .purchase-row:not(.purchase-planning) .purchase-inline-meta .purchase-quantity-edit::after{content:"";position:absolute;inset:-12px 0}#content .purchase-row:not(.purchase-planning) .purchase-inline-meta .status{display:block;flex:none;margin:0;padding:0;font-size:11px;line-height:1.25}}
/* Quiet form hierarchy for the wheel experiment. */
#modal.cart-dialog{padding:22px;width:min(94vw,480px)}
#modal.cart-dialog .dialog-head{margin-bottom:14px}
#modal.cart-dialog .dialog-head h2{font-size:21px;line-height:1.25}
#modal.cart-dialog #fields>p{font-size:11px;line-height:1.5;margin:0 0 12px;color:#81728c}
#modal.cart-dialog #fields>label{font-size:11px;margin:12px 0 5px}
#modal.cart-dialog #fields>input{min-height:44px;font-size:15px}
#modal.cart-dialog #fields .twocol:has(#qty){display:grid;grid-template-columns:minmax(0,1fr) 84px!important;gap:8px 12px;padding:12px 14px;margin-top:12px;background:#f8f6fa;border:1px solid #eee8f3;border-radius:16px;align-items:start}
#modal.cart-dialog #fields .twocol:has(#qty)>div:first-child{display:contents}
#modal.cart-dialog #fields .twocol:has(#qty)>div:first-child>label{display:block!important;grid-column:1;grid-row:1;margin:0;align-self:center;font-size:12px;line-height:1.3;color:#5e4d6b}
#modal.cart-dialog #fields .twocol:has(#qty)>div:has(#unit){grid-column:2;grid-row:1;align-self:center}
#modal.cart-dialog #fields .twocol:has(#qty)>div:has(#unit)>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
#modal.cart-dialog #unit{min-height:36px;height:36px;padding:4px 10px;font-size:13px;background:#fff;border-radius:10px}
#modal.cart-dialog #fields .twocol:has(#qty) .quantity-wheels{grid-column:1/-1;grid-row:2}
#modal.cart-dialog .quantity-wheel{background:transparent}
#modal.cart-dialog .quantity-wheel-label{text-align:center;color:#8c7b98;font-size:10px}
#modal.cart-dialog .wheel-manual{min-height:96px;gap:4px;align-content:center;padding:0 5px}
#modal.cart-dialog .wheel-manual input{height:40px;min-height:40px;font-size:20px;background:white;border-radius:10px}
#modal.cart-dialog .wheel-manual button{min-height:40px;height:40px;min-width:36px;border-radius:10px;background:#eee7f5;color:#67447e;border:0}
#modal.cart-dialog #weight-tools{margin:8px 0 14px}
#modal.cart-dialog #add-weight{min-height:36px;height:36px;padding:6px 12px;font-size:11px;background:transparent;border:1px solid #e6ddeb;box-shadow:none}
#modal.cart-dialog #weight-hint{margin-top:6px;font-size:10px;line-height:1.4;color:#8c7b98}
#modal.cart-dialog #weight-parts .weight-part{border:1px solid #eee8f3;border-radius:12px;padding:8px 10px;margin-top:6px;background:#f8f6fa}
#modal.cart-dialog #weight-parts .weight-part.is-collapsed{padding:3px 10px;background:#fff}
#modal.cart-dialog .wheel-total{font-size:17px;text-align:center;padding:2px 0;color:#574264}
#modal.cart-dialog #fields .cart-price{background:#fff;border:1px solid #e6ddeb;border-radius:16px;padding:10px 14px;margin-top:12px}
#modal.cart-dialog #fields .cart-price>label{font-size:11px;margin:0 0 4px;color:#665274}
#modal.cart-dialog #fields .cart-price>input{border:0;box-shadow:none;background:transparent;border-radius:8px;font-size:28px;min-height:46px;padding:4px 8px;color:#27212d}
#modal.cart-dialog #fields .cart-price>small{display:none;font-size:10px;line-height:1.4;margin-top:4px}
#modal.cart-dialog #fields .cart-price:focus-within>small{display:block}
#modal.cart-dialog .package-compare{margin-top:6px}
#modal.cart-dialog #last-paid{font-size:10px;margin:10px 2px;color:#8d7e97}
#modal.cart-dialog #preview{background:#f5f2f8;border:0;border-radius:12px;margin-top:12px;padding:12px 14px;font-size:15px;font-weight:600;color:#4b365c;text-align:right}
#modal.cart-dialog #form>button[type=submit]{margin-top:10px;min-height:46px}
/* Quantity wheels and unit selector form a single aligned row. */
#modal.cart-dialog #fields .twocol:has(#qty){grid-template-columns:minmax(0,1fr) 76px!important;gap:6px 10px;padding:12px}
#modal.cart-dialog #fields .twocol:has(#qty)>div:first-child>label{grid-column:1/-1;grid-row:1;font-size:11px;margin:0 0 3px}
#modal.cart-dialog #fields .twocol:has(#qty) .quantity-wheels{grid-column:1;grid-row:2;min-width:0;gap:6px}
#modal.cart-dialog #fields .twocol:has(#qty)>div:has(#unit){grid-column:2;grid-row:2;align-self:center;padding-top:14px}
#modal.cart-dialog #unit{min-height:40px;height:40px;font-size:13px;padding:6px 8px;border-color:#ded2e8;background:#fff}
#modal.cart-dialog #fields .twocol:has(#qty[readonly])>div:has(#unit){padding-top:0}
#modal.cart-dialog #fields .cart-price{background:#f3edf8;border:0;padding:12px;border-radius:15px}
#modal.cart-dialog #fields .cart-price>label{margin:0 0 7px;font-size:12px;font-weight:600;color:#62506f}
#modal.cart-dialog #fields .cart-price>input{background:#fff;border:1px solid #d9c9e8;border-radius:12px;min-height:50px;height:50px;padding:7px 12px;font-size:28px;box-shadow:0 1px 2px #36204404}
#modal.cart-dialog #fields .cart-price>input:focus{border-color:#9f75bd;outline:2px solid #e6d7f1;outline-offset:1px}
#modal.cart-dialog #fields .cart-price>small{display:block;font-size:10px;line-height:1.4;margin-top:6px;color:#8a7896}
#modal.cart-dialog #preview{padding:11px 2px;background:transparent;border-top:1px solid #eee7f3;border-radius:0;font-size:15px;margin-top:12px}
#modal.cart-dialog #last-paid{margin:8px 2px}
@media(max-width:360px){#modal.cart-dialog #fields .twocol:has(#qty){grid-template-columns:minmax(0,1fr) 68px!important;gap:6px}#modal.cart-dialog .quantity-wheel-option{font-size:19px}#modal.cart-dialog .quantity-wheel-option[aria-selected=true]{font-size:25px}#modal.cart-dialog .wheel-manual{grid-template-columns:minmax(0,1fr);padding:0}#modal.cart-dialog .wheel-manual button{height:28px;min-height:28px}}

/* Keep all three gram digits visible while entering an exact value. */
#modal.cart-dialog .wheel-manual{grid-template-columns:minmax(0,1fr);padding:0 4px;gap:3px;align-content:center}
#modal.cart-dialog .wheel-manual input{width:100%;min-width:0;height:40px;min-height:40px;padding:5px;font-size:22px;font-weight:600}
#modal.cart-dialog .wheel-manual button{width:100%;min-width:0;height:26px;min-height:26px;padding:2px 5px;font-size:11px;border-radius:8px}
#modal.cart-dialog #fields .twocol:has(#qty)>div:first-child>label{font-size:13px;font-weight:650;color:#4f365f}
/* Units: label, centered wheel, and unit selector share a balanced row. */
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])){grid-template-columns:76px minmax(0,1fr) 76px!important;gap:6px}
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly]))>div:first-child>label{grid-column:1/-1}
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])) .quantity-wheels{grid-column:1/3;grid-template-columns:76px minmax(0,1fr);gap:6px}
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])) .quantity-wheel-group{display:contents}
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])) .quantity-wheel-label{grid-column:1;grid-row:1;align-self:center;text-align:left;margin:0;font-size:11px;color:#81708e}
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])) .quantity-wheel,#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])) .wheel-manual{grid-column:2;grid-row:1}
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly]))>div:has(#unit){grid-column:3;padding-top:0}

/* Readability pass: keep compact cards and familiar navigation. */
.weekly-short{display:none}
.purchase-reference,.planning-simple .purchase-reference,.register-help,.history-note{color:#6c5d77}
@media(max-width:650px){.weekly-wide{display:none}.weekly-short{display:inline}.list-view-tabs button{min-height:44px}.tutorial-actions button{min-width:88px}}

#modal button.primary.is-destructive{background:#9c344b;color:#fff}
/* Keep the connection indicator beside sharing on narrow phones. */
@media(max-width:360px){header .brand .brand-logo{width:92px}header .header-controls .actions{flex-shrink:0}}

/* The list reaches a narrow column on small tablets and resized desktop windows. */
@media(min-width:651px) and (max-width:900px){
 #content .purchase-row:not(.purchase-planning){display:grid;grid-template-columns:42px minmax(0,1fr) 88px;gap:11px;align-items:center;min-height:94px;padding:12px;margin:8px 0}
 #content .purchase-row:not(.purchase-planning) .product-illustration{width:42px;height:42px}
 #content .purchase-row:not(.purchase-planning) .purchase-info{min-width:0;align-self:center}
 #content .purchase-row:not(.purchase-planning) .purchase-info strong{font-size:13px;line-height:1.3;overflow-wrap:normal;word-break:normal}
 #content .purchase-row:not(.purchase-planning) .purchase-reference,#content .purchase-row:not(.purchase-planning) .purchase-quantity{display:none}
 #content .purchase-row:not(.purchase-planning) .purchase-inline-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:0}
 #content .purchase-row:not(.purchase-planning) .purchase-quantity-edit{display:inline-flex;min-height:26px;height:auto;padding:0;font-size:11px}
 #content .purchase-row:not(.purchase-planning) .status{font-size:10px;margin:0;padding:0;background:none}
 #content .purchase-row:not(.purchase-planning) .actions{display:flex;flex-wrap:nowrap;gap:4px;min-width:88px;justify-content:flex-end}
 #content .purchase-row:not(.purchase-planning) .actions [data-action="plan-item"]{display:none}
 #content .purchase-row:not(.purchase-planning) .actions button{width:42px;height:44px;min-height:44px;padding:0;border-radius:12px;flex:0 0 42px}
 #content .purchase-row:not(.purchase-planning) .actions [data-action="unplan-item"]{border:1px solid #e5dce9;background:#fff;color:#997788}
 #content .purchase-row:not(.purchase-planning) .list-action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

/* Keep the kg and gram wheels reading as one decimal amount. */
#modal.cart-dialog .quantity-wheels-pair{grid-template-columns:minmax(62px,82px) minmax(82px,108px);justify-content:center;gap:6px}
#modal.cart-dialog .quantity-wheels-pair .quantity-wheel-group{position:relative}
#modal.cart-dialog .quantity-wheels-pair .quantity-wheel-group:nth-child(2)::before{content:",";position:absolute;left:-10px;top:29px;color:#211b28;font-size:29px;line-height:1;z-index:2}
#modal.cart-dialog .quantity-wheel-label{display:none!important}
/* One centered value and a separate unit selector, with no redundant side label. */
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])){grid-template-columns:minmax(0,1fr) minmax(80px,116px) 80px minmax(0,1fr)!important;gap:8px}
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])) .quantity-wheels{grid-column:2;grid-row:2;display:flex;justify-content:center;align-items:center;min-width:0}
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])) .quantity-wheel-group{display:block;width:min(116px,100%)}
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])) .quantity-wheel,#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly])) .wheel-manual{width:100%}
#modal.cart-dialog #fields .twocol:has(.quantity-wheels:not(.quantity-wheels-pair)):not(:has(#qty[readonly]))>div:has(#unit){grid-column:3;grid-row:2;align-self:center;padding-top:0}

#modal:has(.family-invite-welcome){width:min(92vw,440px)}
#modal .family-invite-welcome p{margin:2px 0 8px;font-size:15px;line-height:1.45;color:#26212c;font-weight:600}
#modal .family-invite-welcome small{display:block;color:#786d80;font-size:12px;line-height:1.5}
#modal .family-seed-options{margin:20px 0 4px;padding:0;border-top:1px solid #eee8f3;color:#776c80}
#modal .family-seed-options summary{padding:14px 0 4px;font-size:12px;cursor:pointer}
#modal .family-seed-options label{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:12px;color:#55495f;cursor:pointer}
#modal .family-seed-options input{width:18px;height:18px;margin:0;accent-color:#7e21db}
#modal #family-create{display:block;width:100%;min-height:48px;margin:16px 0 0}
#modal #family-error:empty{display:none}
#modal.plan-dialog #fields .twocol:has(#qty){margin-top:10px}
#modal.plan-dialog #fields #plan-picker-summary{margin:12px 0 0;text-align:center;font-size:13px;font-weight:600;line-height:1.4;color:#654a76}
#modal.plan-dialog #form>button[type=submit]{width:100%}
/* Stock: the same compact product hierarchy as the shopping list. */
#content .stock-workspace{display:block}
#content .stock-sidebar{position:static}
#content .stock-sidebar .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,220px);margin:16px 0 8px}
#content .stock-category-nav{padding:0;border:0;background:transparent;margin:0 0 16px}
#content .stock-category-nav>label,#content .stock-category-links{display:none}
#content .stock-category-nav>select{display:block;width:100%;max-width:none}
#content .stock-attention-summary{padding:12px 16px;min-height:0;display:flex;align-items:center;margin-bottom:12px;border-radius:16px}
#content .stock-attention-summary h3{font-size:17px;margin:2px 0}
#content .stock-attention-summary p{display:none}
#content .stock-category>summary{padding:16px;min-height:64px;grid-template-columns:minmax(0,1fr) auto 24px}
#content .stock-category-title{font-size:16px}
#content .stock-category-title small{margin-top:3px;font-size:11px}
#content .stock-products{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px;gap:8px}
#content .stock-product{display:grid;grid-template-columns:40px minmax(0,1fr) 44px 36px;grid-template-rows:auto auto;align-items:center;gap:0 8px;padding:12px;border-radius:16px;background:#faf9fc;min-height:98px}
#content .stock-product::before{display:none}
#content .stock-product .product-illustration{grid-column:1;grid-row:1/3;width:40px;height:44px;padding:0;min-height:0}
#content .stock-product .product-illustration img{width:38px;height:38px}
#content .stock-product .stock-copy{grid-column:2;grid-row:1;padding:0;min-height:0;min-width:0}
#content .stock-product strong{font-size:13px;line-height:1.25;min-height:0;display:block;overflow-wrap:anywhere}
#content .stock-product small{font-size:11px;line-height:1.3;margin:3px 0 0;display:block}
#content .stock-status-control{grid-column:2;grid-row:2;justify-self:start;margin:3px 0 0;max-width:100%}
#content .stock-status-button{width:auto;min-height:32px;padding:4px 9px;border:0;background:var(--stock-bg);border-radius:8px;gap:8px;font-size:11px;box-shadow:none}
#content .stock-buy-action{grid-column:3;grid-row:1/3}
#content .stock-buy-action button{width:44px;height:44px;padding:0;font-size:24px;border-radius:13px}
#content .stock-buy-action>small{font-size:18px;text-align:center;color:#327e63}
#content .stock-more{grid-column:4;grid-row:1/3;padding:0;min-width:36px;min-height:44px;border:0;background:transparent;font-size:22px;color:#766584}
@media(max-width:760px){#content .stock-products{grid-template-columns:1fr}#content .stock-sidebar .toolbar{grid-template-columns:1fr}#content .stock-panel .stock-counts{grid-row:1;grid-column:2}#content .stock-panel .stock-chevron{grid-row:1;grid-column:3}}

#content .stock-product>div.stock-copy:first-of-type{padding:0;min-height:0}
#content .stock-category-nav>select{display:flex;align-items:center;justify-content:space-between;min-height:46px}
#content .stock-product{grid-template-columns:40px minmax(0,1fr) auto 32px;gap:4px 8px;min-height:96px}
#content .stock-product .stock-copy{grid-column:2/4}
#content .stock-status-control{grid-column:2/4;justify-self:stretch;margin:0;width:100%}
#content .stock-product:has(.stock-buy-action:not(:empty)) .stock-status-control{grid-column:2}
#content .stock-status-button{width:100%;min-height:36px;justify-content:space-between;padding:4px 6px 4px 10px}
#content .stock-buy-action{grid-column:3;grid-row:2}
#content .stock-buy-action button{width:36px;height:36px;min-height:36px;font-size:22px;border-radius:10px}
#content .stock-more{min-width:32px;width:32px}
#content .stock-picker-arrow{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#ffffff80;line-height:1}
#content .stock-picker-arrow svg{display:block;width:16px;height:16px}
#content .stock-chevron{display:grid;place-items:center;line-height:1;padding:0}
#content .stock-chevron svg{display:block;width:18px;height:18px}
#content .stock-unchecked .stock-status-button{background:#fff;border:1px solid #d9cde6;color:#62467b;box-shadow:0 1px 2px #29133606}
#content .stock-unchecked .stock-picker-arrow{background:#f0e9f7;color:#785295}
#content .stock-unchecked .stock-status-button:hover{background:#faf7fd;border-color:#bda6d1}
#content .stock-status-button:focus-visible{outline:2px solid #8a43c6;outline-offset:2px}
#content .stock-product .stock-more{grid-row:1;align-self:start;position:relative;top:-8px;height:32px;min-height:32px;display:grid;place-items:center;line-height:1}
#content .stock-product .stock-status-button{background:#fff;border:1px solid #dcd5e3;color:var(--stock-color);box-shadow:0 1px 2px #29133606}
#content .stock-product .stock-picker-arrow{background:var(--stock-bg);color:var(--stock-color)}
#content .stock-product .stock-status-button:hover{background:#fcfbfd;border-color:#bdaecb}
.stock-actions-popover{position:fixed;z-index:110;padding:14px;background:#fff;border:1px solid #e4dbea;border-radius:18px;box-shadow:0 12px 36px #25123624;max-height:calc(100dvh - 24px);overflow:auto;animation:stock-pop-in .15s ease-out}
.stock-actions-popover>strong{display:block;font-size:13px;margin:0 8px 10px;color:#292130}
.stock-actions-popover button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-size:12px;min-height:44px;border:0;background:#f6f2fa;color:#604079;padding:10px;border-radius:10px;line-height:1.4}
.stock-actions-popover svg{width:19px;height:19px;flex-shrink:0}
.stock-actions-popover p{font-size:11px;line-height:1.5;color:#807189;margin:7px 10px 14px}
.stock-actions-popover .stock-option-remove{border-top:1px solid #eee7f0;background:#fff;color:#a04459;border-radius:0;padding-top:14px}
.stock-actions-popover button:hover{background:#f0eaf6}
.stock-picker-menu:not([hidden]){animation:stock-pop-in .15s ease-out}
@keyframes stock-pop-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.stock-actions-popover,.stock-picker-menu:not([hidden]){animation:none}}
.list-actions-popover button+button{margin-top:8px}.list-actions-popover button:disabled{opacity:.45;cursor:not-allowed}
#content select.page-select-source{display:none!important}
.page-select-button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border:1px solid #e1d8eb;min-height:46px;border-radius:14px;font-weight:400;font-size:14px;text-align:left;width:100%;padding:10px 14px;color:#51475b}
.page-select-button svg{width:18px;height:18px;flex-shrink:0}.history-month-picker .page-select-button{max-width:240px}
@media(max-width:650px){.history-month-picker{justify-content:flex-start;flex-wrap:nowrap;gap:8px}.history-month-picker label{flex:0 0 auto;white-space:nowrap}.history-month-picker .page-select-button{flex:1 1 auto;min-width:0;max-width:none;width:auto}}
#push-send-list{border:1px solid #e3d7ee;background:#f8f4fc;color:#642d8a;box-shadow:none;min-height:38px;padding:7px 11px;border-radius:12px;font-size:12px;white-space:nowrap}#push-send-list:hover{background:#efe5f8}#push-send-list:disabled{opacity:.55}
#push-send-list{width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;flex:none}#push-send-list svg{display:block}
#push-recipient-dialog{width:min(430px,calc(100vw - 32px));max-height:min(80vh,700px);border:0;border-radius:24px;background:#fff;color:#211a29;padding:22px;box-shadow:0 22px 70px #20152555}#push-recipient-dialog::backdrop{background:#24182a85;backdrop-filter:blur(5px)}.push-recipient-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.push-recipient-head h2{font-size:22px;line-height:1.2;margin:0 0 6px}.push-recipient-head p{font-size:13px;line-height:1.45;color:#74677e;margin:0 0 18px}.push-recipient-close{width:38px;height:38px;flex:none;border:0;border-radius:50%;background:#f2eff5;color:#382a44;font-size:22px;line-height:1}.push-recipient-person{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #e7dfec;border-radius:14px;margin-bottom:8px;cursor:pointer}.push-recipient-person:has(input:checked){border-color:#9447d9;background:#f8f1ff}.push-recipient-person:has(input:disabled){opacity:.58;cursor:default}.push-recipient-person input{accent-color:#842bd5}.push-recipient-avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:#eee2f7;color:#6d299e;font-weight:700}.push-recipient-copy{display:grid;gap:2px;min-width:0}.push-recipient-copy strong{font-size:13px}.push-recipient-copy small{font-size:11px;color:#776981}#push-recipient-status{min-height:18px;margin:10px 0;color:#6e5878;font-size:12px;line-height:1.4}#push-recipient-send{width:100%;min-height:46px;border-radius:14px}#push-recipient-send:disabled{opacity:.5}
@media(min-width:375px) and (max-width:650px){#content .section-head:has(#push-send-list){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}#content .section-head:has(#push-send-list)>div{min-width:0}#content .section-head:has(#push-send-list)>button{align-self:center;min-height:38px;font-size:11px}}@media(max-width:374px){#content .section-head:has(#push-send-list)>button{align-self:flex-start}}
.page-picker-menu button[aria-pressed=true]{background:#eee6f7;color:#61318a;font-weight:600}.page-picker-menu button[aria-pressed=true]::after{content:'✓';margin-left:auto}
.page-picker-backdrop{position:fixed;inset:0;z-index:998;background:rgba(25,19,35,.42);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:picker-fade .16s ease-out}
.action-popover-backdrop{position:fixed;inset:0;z-index:109;background:transparent}
.stock-picker-backdrop{position:fixed;inset:0;z-index:99;background:transparent}
.new-purchase-dialog .new-purchase-summary{color:#665a6f;font-size:14px;line-height:1.5}.new-purchase-summary>p{font-size:15px;font-weight:600;color:#342a3a;margin:0 0 14px}.new-purchase-summary ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.new-purchase-summary li{background:#f7f3fa;border:1px solid #ece4f2;border-radius:12px;padding:12px 14px}.merge-note{font-size:12px;line-height:1.5;color:#796b83;background:#f7f3fa;border-radius:12px;padding:12px}
.page-picker-menu.page-picker-large{position:fixed;z-index:999;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;animation:none;box-shadow:0 24px 70px rgba(24,16,37,.24)}
.page-picker-menu.page-picker-large{scrollbar-width:none;-ms-overflow-style:none}
.page-picker-menu.page-picker-large::-webkit-scrollbar{display:none}
.page-picker-menu.page-picker-large button{min-height:46px}
.page-picker-menu.page-picker-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
.page-picker-menu.page-picker-categories>strong{grid-column:1/-1;margin:0 4px 2px}
.page-picker-menu.page-picker-categories button{min-height:48px;height:100%;margin:0;padding:8px 9px;font-size:11px;line-height:1.25}
.page-picker-menu.page-picker-categories button+button{margin-top:0}
.page-picker-menu.page-picker-categories button span{min-width:0;overflow-wrap:anywhere}
.page-picker-menu:not(.page-picker-large)>button:first-child{margin-top:0}
@keyframes picker-fade{from{opacity:0}to{opacity:1}}
.how-steps{display:grid;gap:10px;margin:8px 0 2px}
.how-step{padding:14px 16px;border:1px solid #ece5f2;border-radius:14px;background:#faf8fc}
.how-step strong{display:block;color:#29202f;font-size:14px;line-height:1.3}
.how-step p{margin:5px 0 0;color:#675b70;font-size:13px;line-height:1.45}
.stock-section-head{margin-bottom:16px}
.stock-title-row{display:flex;align-items:center;gap:6px}
.stock-title-row h2{margin:0}
.stock-help-trigger{display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#756181;box-shadow:none}
.stock-help-trigger:hover,.stock-help-trigger:focus-visible{background:#eee8f3}
.stock-help-trigger svg{width:19px;height:19px}
.history-totals .history-total-food,.history-totals .history-total-home{justify-content:center;align-items:flex-start;text-align:left;gap:5px}
.history-totals .history-total-food{background:#f1e9f8;border-color:#e9ddf3}
.history-totals .history-total-home{background:#edf5f3;border-color:#dcece7}
.history-breakdown>div{text-align:left}
.history-breakdown>div:nth-child(1){background:#f8f5fb}
.history-breakdown>div:nth-child(2){background:#f4f2f8}
.history-breakdown>div:nth-child(3){background:#f8f5f2}
#modal .receipt-row.receipt-needs-review{background:#fbf8fd;border-color:#d8c5e5;box-shadow:0 4px 14px #5e367b0a}
#modal .receipt-row.receipt-needs-review summary{padding-left:14px}
#modal .receipt-row .receipt-review-flag{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;margin:8px 0 0;padding:5px 9px;border-radius:999px;background:#fff3e4;color:#905922;font-size:11px;font-weight:650;line-height:1.3;white-space:normal}
#modal .receipt-row .receipt-review-flag::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
#modal .receipt-row .receipt-review-flag[hidden]{display:none}
#modal .receipt-import .receipt-method-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
#modal .receipt-import .receipt-method-tabs button{line-height:1.3;white-space:normal}
@media(max-width:650px){#modal .receipt-import .receipt-method-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}#modal .receipt-import .receipt-method-tabs button{grid-column:span 2}#modal .receipt-import .receipt-method-tabs button:nth-child(n+4){grid-column:span 3}}
#modal .receipt-row input[id^="receipt-search-"]{padding-left:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23735188' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:13px center}
#modal .receipt-row .receipt-review-flag{background:#efe6f6;color:#613781}
#modal .receipt-row .receipt-unit-confirm{padding:12px;background:#f4eff8;border-radius:12px;color:#5f4770;font-weight:600}
@media(max-width:650px){.history-totals .history-total-food,.history-totals .history-total-home{padding:14px 12px;min-height:88px}.history-breakdown>div{min-height:62px}}
@media(prefers-reduced-motion:no-preference){.stock-category[open] .stock-products,.history-record[open] .history-record-body{animation:stock-pop-in .15s ease-out}}

.sync-warning[hidden]{display:none!important}.sync-warning{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:12px;width:min(100% - 32px,1132px);margin:0 auto 8px;padding:12px 16px;border:1px solid #e6c783;border-radius:14px;background:#fff7e6;color:#513b17;box-shadow:0 8px 24px #34261520}.sync-warning[data-tone='review']{border-color:#e7aebc;background:#fff0f3;color:#712f44}.sync-warning-icon{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#ba7b13;color:#fff;font-size:15px;font-weight:700}.sync-warning[data-tone='review'] .sync-warning-icon{background:#b74b69}.sync-warning-copy{display:grid;gap:2px;min-width:0;flex:1;font-size:12px;line-height:1.35}.sync-warning-copy strong{font-size:13px}.sync-warning button{flex:none;min-height:36px;padding:7px 12px;border-color:currentColor;background:transparent;color:inherit;font-size:11px}@media(max-width:650px){.sync-warning{width:calc(100% - 20px);padding:11px;gap:8px}.sync-warning-copy{font-size:11px}.sync-warning-copy strong{font-size:12px}.sync-warning button{padding:6px 8px;font-size:10px}}

/* Alinha a ação de reposição à coluna de opções e mantém os status com a mesma largura. */
#content .stock-product{grid-template-columns:40px minmax(0,1fr) 36px}
#content .stock-product .stock-copy{grid-column:2;grid-row:1}
#content .stock-product .stock-status-control,#content .stock-product:has(.stock-buy-action:not(:empty)) .stock-status-control{grid-column:2;grid-row:2}
#content .stock-product .stock-buy-action{grid-column:3;grid-row:2;justify-self:center}
#content .stock-product .stock-more{grid-column:3;grid-row:1;justify-self:center}

/* Na lista, o gradiente fica reservado à ação principal; ações repetidas usam roxo sólido. */
#content .purchase-row:not(.purchase-cart) .actions button[data-action="to-cart"],#content .planning-simple-actions button.primary{background:#7133a3;color:#fff;box-shadow:none}
#content .purchase-row:not(.purchase-cart) .actions button[data-action="to-cart"]:hover,#content .planning-simple-actions button.primary:hover{background:#622a91;box-shadow:none}
#content .planning-stock[data-stock="Disponível"]{color:#287557;font-weight:600}
#content .planning-stock[data-stock="Acabou"]{color:#a45b23;font-weight:600}
#content .planning-stock[data-stock="Acabando"]{color:#996315;font-weight:600}
#content .planning-stock[data-stock="Disponível"]::before,#content .planning-stock[data-stock="Acabou"]::before,#content .planning-stock[data-stock="Acabando"]::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:middle}

/* Planejamento: quantidade como um único valor e unidade alinhada ao número ativo. */
#modal #fields .plan-quantity:has(#targetQty){grid-template-columns:minmax(0,1fr) 94px;gap:10px;align-items:stretch}
#modal #fields .plan-quantity:has(#targetQty) .quantity-wheel-label,#modal #fields .plan-quantity:has(#targetQty)>div:has(#targetUnit)>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#modal #fields .plan-quantity:has(#targetQty)>div:has(#targetUnit){display:flex;align-items:center;padding-top:20px}
#modal #fields .plan-quantity:has(#targetQty)>div:has(#targetUnit) select{width:100%;height:48px;min-height:48px}
#modal #fields .plan-quantity:has(#targetQty) .quantity-wheels-pair{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#modal #fields .plan-quantity:has(#targetQty) .quantity-wheels-pair::after{content:",";position:absolute;left:50%;top:48px;transform:translate(-50%,-55%);color:#27202d;font-size:26px;line-height:1;pointer-events:none}

/* Prévia do novo traço em seis produtos, isolada na versão de teste. */
.product-illustration.adult-icon-preview{background-image:url('illustrations/adult-style-preview.png');background-repeat:no-repeat;background-size:300% 200%;background-color:transparent}
.adult-icon-coffee{background-position:0% 0%}.adult-icon-eggs{background-position:50% 0%}.adult-icon-chicken{background-position:100% 0%}.adult-icon-tomato{background-position:0% 100%}.adult-icon-milk{background-position:50% 100%}.adult-icon-pasta{background-position:100% 100%}
#content .purchase-row .product-illustration.adult-icon-preview{width:40px;height:40px;min-height:0;aspect-ratio:1;justify-self:center}#content .stock-product .product-illustration.adult-icon-preview{width:40px;height:40px;aspect-ratio:1}
@media(max-width:650px){#content .purchase-row .product-illustration.adult-icon-preview{width:32px;height:32px}#content .purchase-row:not(.purchase-planning) .product-illustration.adult-icon-preview{width:40px;height:40px}}
@media(max-width:360px){#content .purchase-row .product-illustration.adult-icon-preview,#content .purchase-row:not(.purchase-planning) .product-illustration.adult-icon-preview{width:32px;height:32px}}

/* Keep product details readable whenever the list column narrows, including on tablets. */
.list-products{container-type:inline-size}
#content .purchase-row:not(.purchase-planning) .purchase-info strong{overflow-wrap:break-word;word-break:normal}
#content .purchase-row:not(.purchase-planning) .purchase-quantity-edit{white-space:normal;overflow-wrap:normal;word-break:normal}
#content .purchase-row .purchase-cart-quantity{display:block;font-size:12px;font-weight:600;color:#62566e;line-height:1.35}
#content .purchase-row .cart-checked{display:grid;place-items:center;flex:0 0 42px;width:42px;height:44px;border-radius:12px;background:#e4f3ea;color:#276949}
#content .purchase-row .cart-checked svg{width:21px;height:21px}
#content .purchase-row .actions button[data-action="edit-cart"]{width:42px;height:44px;min-height:44px;padding:0;border:1px solid #cfe5d8;background:#fff;color:#276949;border-radius:12px;flex:0 0 42px}
#content .purchase-row .actions button[data-action="edit-cart"]:hover{background:#edf8f1}
@container (max-width:760px){
 #content .purchase-row:not(.purchase-planning){display:grid;grid-template-columns:42px minmax(0,1fr) 88px;gap:10px;align-items:center;min-height:90px;padding:11px}
 #content .purchase-row:not(.purchase-planning) .purchase-info{min-width:0;align-self:center}
 #content .purchase-row:not(.purchase-planning) .purchase-info strong{font-size:13px;line-height:1.3}
 #content .purchase-row:not(.purchase-planning) .actions{display:flex;gap:4px;justify-content:flex-end;min-width:88px}
 #content .purchase-row:not(.purchase-planning) .actions button{width:42px;height:44px;min-height:44px;padding:0;flex:0 0 42px}
 #content .purchase-row:not(.purchase-planning) .purchase-reference{display:none}
 #content .purchase-row:not(.purchase-planning) .purchase-inline-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
}

.usage-table{overflow-x:auto;margin-top:18px}.usage-row{display:grid;grid-template-columns:minmax(130px,1.4fr) minmax(155px,1.3fr) repeat(3,minmax(75px,.6fr));gap:12px;align-items:center;min-width:620px;padding:12px 0;border-bottom:1px solid #eee8f3;font-size:13px}.usage-row span:not(:nth-child(2)){text-align:center}.usage-head{color:#766b81;font-size:11px;font-weight:700;text-transform:uppercase}.usage-row strong{overflow-wrap:anywhere}

#research-invite-result:not(:empty){display:grid;gap:10px;max-width:620px;padding:16px;margin:15px 0;background:#f8f5fb;border:1px solid #e8dfee;border-radius:16px;font-size:12px;color:#473650}
#research-invite-result p{margin:0;color:#806a8d}
#research-invite-result input,#research-invite-result textarea{width:100%;box-sizing:border-box;font:13px/1.5 system-ui;border:1px solid #e1d7e9;border-radius:10px;background:#fff;padding:10px;color:#473650}
#research-invite-result button,#research-invite-result a{display:inline-flex;width:max-content;max-width:100%;box-sizing:border-box;align-items:center;min-height:40px;padding:8px 12px;font-size:12px;text-decoration:none}
#research-invite-result details summary{cursor:pointer;color:#806a8d}
#research-invite-result textarea{display:block;margin-top:8px;resize:vertical}

@media(max-width:650px){
 html,body{overflow-x:clip}
 #summary{max-width:100%;min-width:0;touch-action:pan-y}
 #summary .metric{min-width:0}
 #content{touch-action:pan-y}
}

/* Importação: duas escolhas principais, alternativas recolhidas. */
#modal .receipt-import .receipt-method-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
#modal .receipt-import .receipt-method-tabs button{grid-column:auto;min-height:48px}
.receipt-other-methods{border:1px solid #e8deef;border-radius:14px;padding:12px;margin-bottom:16px}
.receipt-other-methods>summary{display:list-item!important;cursor:pointer;font-size:13px;color:#62467a;min-height:28px}
#receipt-defer,#receipt-next-pending{min-height:44px;margin:4px 6px 12px 0;white-space:normal}
#receipt-progress button{display:block;margin-top:12px;min-height:44px}

.invite-expired-filter{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px}.invite-expired-filter input{width:20px;height:20px;flex:none}
/* Visualizações do estoque: a escolha afeta apenas telas amplas. */
.stock-view-picker{display:none}
#content .purchase-row .purchase-quantity-edit{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 8px;max-width:100%;white-space:normal}
#content .purchase-quantity-edit svg{width:16px;height:16px;flex:none}
#content .purchase-quantity-edit span{font-size:11px;color:#806a8d}
#content .purchase-row .actions{flex-shrink:0;align-self:center;justify-content:flex-end}
#content .purchase-info{min-width:0}
#content .purchase-info>strong{overflow-wrap:anywhere;line-height:1.35}
.receipt-review-footer{position:sticky;bottom:0;z-index:3;padding:12px 0;background:#fff;border-top:1px solid #eee8f3}
.receipt-review-footer #receipt-next{width:100%;min-height:48px;margin:0}
#receipt-review-count{font-weight:600;line-height:1.6;margin:14px 0}
@media(min-width:1000px){
 .stock-view-picker{display:flex;gap:6px;margin-top:16px}
 .stock-view-picker button{min-height:44px;flex:1}
 .stock-view-picker button[aria-pressed="true"]{background:#7435a0;color:#fff;border-color:#7435a0}
 #content .stock-view-cards .stock-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:14px}
 #content .stock-view-cards .stock-product{display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:130px 1fr auto;gap:12px;padding:16px;margin:0;align-items:center;position:relative}
 #content .stock-view-cards .stock-product .product-illustration{grid-column:1 / -1;grid-row:1;width:120px;height:120px;min-height:0;justify-self:center;aspect-ratio:1}
 #content .stock-view-cards .product-illustration img{width:100%;height:100%;object-fit:contain}
 #content .stock-view-cards .stock-product .stock-copy{grid-column:1 / -1;grid-row:2;align-self:start;padding:0;min-width:0}
 #content .stock-view-cards .stock-copy strong{display:block;min-height:2.7em;line-height:1.35;overflow-wrap:anywhere}
 #content .stock-view-cards .stock-product .stock-status-control{grid-column:1;grid-row:3;width:100%;min-width:0}
 #content .stock-view-cards .stock-product .stock-buy-action{grid-column:2;grid-row:3;justify-self:end}
 #content .stock-view-cards .stock-product .stock-more{position:absolute;top:4px;right:4px;min-width:40px;min-height:40px;grid-column:auto;grid-row:auto}
}

/* Separação entre a visualização e as categorias do estoque. */
@media(min-width:1000px){.stock-view-picker{margin-bottom:20px}}
/* Cards: a ação de reposição não deve herdar a posição da lista compacta. */
@media(min-width:1000px){
 #content .stock-view-cards .stock-product:has(.stock-buy-action:not(:empty)) .stock-status-control{grid-column:1;grid-row:3;min-width:0;width:100%;margin:0}
 #content .stock-view-cards .stock-product .stock-status-button{min-width:0;max-width:100%;padding:8px 10px;gap:6px;min-height:40px}
 #content .stock-view-cards .stock-status-button>span:first-child{min-width:0;overflow-wrap:anywhere}
 #content .stock-view-cards .stock-picker-arrow{flex-shrink:0}
 #content .stock-view-cards .stock-buy-action{min-width:0;max-width:44px}
}
/* Compra atual: quantidade e edição únicas, ações com largura previsível. */
#content .purchase-row:not(.purchase-planning) .actions{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:flex-end;margin-left:auto}
#content .purchase-row:not(.purchase-planning) .actions button[data-action="unplan-item"]{width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
#content .purchase-row:not(.purchase-planning) .actions button[data-action="unplan-item"] .list-action-label{display:none}
#content .purchase-row:not(.purchase-planning) .actions button[data-action="to-cart"]{min-height:44px;border-radius:12px}
#content .purchase-row:not(.purchase-planning) .purchase-inline-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
#content .purchase-row:not(.purchase-planning) .purchase-quantity-edit{min-height:36px;height:auto;padding:6px 8px;display:inline-flex;align-items:center;gap:6px}
@container (max-width:760px){
 #content .purchase-row:not(.purchase-planning) .actions{gap:6px;min-width:94px}
 #content .purchase-row:not(.purchase-planning) .actions .list-action-label{display:none}
}
/* Em linhas compactas, todos os metadados partem do nome do produto. */
@container (max-width:760px){
 #content .purchase-row:not(.purchase-planning) .purchase-inline-meta{align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:2px;margin-top:2px;text-align:left}
 #content .purchase-row:not(.purchase-planning) .purchase-inline-meta .purchase-quantity-edit{justify-content:flex-start;text-align:left;padding-left:0;padding-right:0;margin-left:0}
 #content .purchase-row:not(.purchase-planning) .purchase-inline-meta .status{align-self:flex-start;text-align:left;margin-left:0;padding-left:0}
}

#content .planning-stock[data-stock="Conferir"]::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:middle}
/* Refinamentos de visualização e ações consistentes. */
@media(min-width:1000px){
 .stock-view-picker{width:260px;max-width:100%;box-sizing:border-box;padding:5px;background:#ece7f2;border-radius:18px;gap:4px}
 .stock-view-picker button{border:0;background:transparent;color:#776284;border-radius:13px;box-shadow:none}
 .stock-view-picker button[aria-pressed="true"]{background:#fff;color:#30213b;box-shadow:0 3px 12px #39234709}
 #content .stock-view-cards .stock-products{align-items:stretch;grid-auto-rows:1fr}
 #content .stock-view-cards .stock-product{height:100%;box-sizing:border-box;align-self:stretch}
 #content .stock-view-cards .stock-copy{display:flex;flex-direction:column}
 #content .stock-view-cards .stock-copy strong{padding-right:0}
 #content .stock-view-cards .stock-copy small{margin-top:8px}
}
#content .purchase-row.purchase-cart .actions{gap:8px;min-width:94px;align-items:center}
#content .purchase-row.purchase-cart .cart-checked,#content .purchase-row.purchase-cart .actions button[data-action="edit-cart"]{width:44px;min-width:44px;flex:0 0 44px;height:44px;min-height:44px;box-sizing:border-box}
#content .purchase-cart-quantity{white-space:normal;overflow-wrap:anywhere;text-align:left}
#modal input,#modal select,#modal textarea{scroll-margin-block:70px}
@media(max-width:650px){
 #modal{box-sizing:border-box;max-height:calc(var(--form-viewport-height,100dvh) - 24px);overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:24px 88px}
 #modal input:not([type="checkbox"]):not([type="radio"]),#modal select,#modal textarea{font-size:16px}
 #modal .receipt-row-fields{min-width:0}
 #modal .receipt-review-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}
}
/* A confirmação reserva exatamente a mesma área da ação de adicionar. */
#content .stock-product .stock-buy-action>small{display:grid;place-items:center;box-sizing:border-box;width:36px;height:36px;min-height:36px;margin:0;padding:0;border-radius:10px;background:#e4f3ea;color:#327e63;font-size:18px;line-height:1}
.admin-attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.admin-attention-grid button{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;white-space:normal;padding:18px;border-radius:18px;min-height:110px}.admin-attention-grid strong{font-size:26px}.admin-attention-grid span{font-size:12px;line-height:1.5}
@media(max-width:650px){.admin-body .management-tools,.admin-body .toolbar{display:grid;grid-template-columns:1fr;gap:10px}.admin-body .management-tools input,.admin-body .management-tools select,.admin-body .toolbar select{width:100%;max-width:none;min-width:0}.admin-body .receipt-diagnostic-row,.admin-body #family-invites .row{flex-wrap:wrap;gap:12px;align-items:flex-start}.admin-body #family-invites .row>div{flex:1;min-width:140px}.admin-body #family-invites button{min-height:44px}.admin-body .usage-row{min-width:0;grid-template-columns:1fr 1fr;border:1px solid #e8deef;border-radius:14px;margin:10px 0;padding:14px}.admin-body .usage-head{display:none}.admin-body .usage-row strong{grid-column:1/-1}.admin-body .usage-row span{text-align:left!important;overflow-wrap:anywhere}.admin-body .usage-row span:nth-child(2)::before{content:'Última sincronização: ';}.admin-body .usage-row span:nth-child(3)::before{content:'Dias ativos / 7: ';}.admin-body .usage-row span:nth-child(4)::before{content:'Edições / 30 dias: ';}.admin-body .usage-row span:nth-child(5)::before{content:'Tentativas de nota / 30 dias: ';}}
#modal .merge-scope{display:flex;align-items:center;gap:10px;font-size:13px;margin:14px 0}
#modal .merge-scope input{width:20px;height:20px;flex:none;margin:0}
#modal #merge-target{height:auto;min-height:180px;background-image:none;padding:6px}
#modal #merge-target option{padding:12px;border-radius:8px;white-space:normal}
#modal #merge-count,#modal #merge-empty{font-size:12px;color:#806a8d;line-height:1.5}
/* Opções do estoque: ações individualizadas e foco visível. */
.stock-actions-popover>button{margin:6px 0!important;border:1px solid #ddd0e8!important;border-radius:12px!important;background:#fff!important;min-height:44px;color:#58356f!important}
.stock-actions-popover>button:hover{background:#eee4f6!important;border-color:#b596cd!important}
.stock-actions-popover>button:focus-visible{outline:2px solid #7435a0;outline-offset:2px;background:#eee4f6!important}
.stock-actions-popover>button.stock-option-remove{margin-top:14px!important;border-color:#ebcdd2!important;background:#fff7f8!important;color:#ac354a!important}
.stock-actions-popover>p{margin:8px 10px 14px;line-height:1.5}
.house-setup{font-size:14px;line-height:1.5}
.house-setup>p{color:#756580}
.starter-paths{display:grid;gap:12px;margin:20px 0}
.starter-paths button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;white-space:normal;padding:18px;border:1px solid #e1d7ec;border-radius:18px;min-height:76px}
.starter-paths button span{font-weight:400;margin-top:6px;font-size:13px;line-height:1.5}
#starter-products{display:grid;gap:14px;margin-top:18px}
#starter-products fieldset{border:1px solid #e5dced;border-radius:18px;padding:12px;min-width:0}
#starter-products legend{font-weight:700;padding:0 6px}
#starter-products label{display:flex;align-items:center;gap:10px;margin:0;min-height:48px;cursor:pointer}
#starter-products input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#77349f}
#starter-products .product-illustration{flex:0 0 36px;width:36px;height:36px}
#starter-products .starter-category{font-size:12px;color:#776084;border-bottom:1px solid #eee7f4;margin-bottom:6px}
#starter-count{font-weight:600;color:#633880}
#setup-resume{margin-bottom:18px;white-space:normal}
#modal:has(.starter-grid){width:min(760px,calc(100vw - 24px));max-width:760px}
#starter-products .starter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
#starter-products label.starter-product{position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;text-align:center;min-height:150px;padding:24px 8px 12px;border:1px solid #e6dfed;border-radius:18px;background:#fff;transition:background .15s,border-color .15s}
#starter-products .starter-product:has(input:checked){background:#f4eef9;border-color:#9766b4;box-shadow:inset 0 0 0 1px #9766b430}
#starter-products .starter-product:has(input:focus-visible){outline:3px solid #9865ef;outline-offset:2px}
#starter-products .starter-product input{position:absolute;top:10px;right:10px;width:20px;height:20px}
#starter-products .starter-product .product-illustration{flex:0 0 80px;width:80px;height:80px;max-width:100%;background-color:transparent}
#starter-products .starter-product>span:last-child{font-size:13px;line-height:1.3;font-weight:600;color:#32253e}
@media(max-width:600px){#starter-products .starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#starter-products label.starter-product{min-height:134px;padding:28px 5px 10px}#starter-products .starter-product .product-illustration{flex-basis:64px;width:64px;height:64px}}
@media(max-width:400px){#starter-products .starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#starter-products label.starter-product{transition:none}}
#starter-products input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:24px;height:24px;flex-basis:24px;min-height:24px;padding:0;border:1px solid #d9cce3;border-radius:50%;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:16px;box-shadow:none;cursor:pointer}
#starter-products input[type="checkbox"]:checked{border-color:#b999cd;background-color:#ede2f5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2376349c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")}
#starter-products input[type="checkbox"]:indeterminate{border-color:#b999cd;background-color:#ede2f5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2376349c' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}
.house-setup .starter-diet{border:0;padding:0;margin:20px 0 12px;min-width:0}
.house-setup .starter-diet legend{font-size:13px;color:#756580;margin-bottom:10px;padding:0}
.starter-diet>div{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5px;padding:5px;border-radius:19px;background:#eee9f3}
.starter-diet button{min-width:0;min-height:46px;padding:10px 7px;border:0;border-radius:14px;background:transparent;color:#756580;font-size:13px;white-space:normal;line-height:1.3}
.starter-diet button[aria-pressed="true"]{background:#fff;color:#522b70;box-shadow:0 2px 8px #35214610}
.starter-diet button:focus-visible{outline:2px solid #9865ef;outline-offset:1px}
.house-setup .starter-extra-hint{font-size:12px;line-height:1.5;margin:10px 0 18px}
@media(max-width:360px){.starter-diet button{font-size:12px;padding:9px 4px}}

/* First-access flow */
/* Preview uses the same light surfaces as the app, including in dark browser themes. */

#modal.house-first-access{background:#fff;color:#1c1922;border:1px solid #e6dff0}
#modal.house-first-access .dialog-head h2{color:#1c1922}
#modal.house-first-access .house-setup p,#modal.house-first-access .house-setup legend,#modal.house-first-access .house-setup>label{color:#756780}
#modal.house-first-access .starter-paths button:not(.primary){background:#faf8fc;color:#1c1922;border:1px solid #e6dff0}
#modal.house-first-access .starter-paths button:not(.primary):hover{background:#f0e9f7}
#modal.house-first-access .starter-paths .primary{border:0;color:#fff}
#modal.house-first-access input:not([type=checkbox]),#modal.house-first-access select{background:#fff;color:#1c1922}
#modal.house-first-access .house-setup>label{display:block;margin:16px 0}
#modal.house-first-access .house-setup>label input:not([type=checkbox]),#modal.house-first-access .house-setup>label select{display:block;width:100%;margin-top:8px}
#modal.house-first-access .dialog-head{position:sticky;top:-28px;background:#fff;z-index:8;padding:16px 0;margin-top:-12px;align-items:center}#modal.house-first-access .dialog-head h2{flex:1;font-size:21px}#modal.house-first-access .preview-back{flex:0 0 44px;color:#73369b;font-size:26px}#modal.house-first-access .preview-setting{border:0;padding:0;margin:20px 0}#modal.house-first-access .preview-setting legend{font-size:13px;margin-bottom:10px;color:#756580}.preview-pills{display:flex;flex-wrap:wrap;gap:6px;padding:5px;background:#f0eaf5;border-radius:17px}.preview-pills button{flex:1;min-width:60px;border:0;background:transparent;color:#74627f;border-radius:12px;padding:10px;font-size:13px}.preview-pills button[aria-pressed=true]{background:#fff;color:#582575;box-shadow:0 2px 6px #37204615}.preview-footer{display:grid;gap:10px;margin-top:24px}.preview-note{font-size:12px;color:#756580;background:#f7f3fa;padding:12px;border-radius:12px}.preview-quantity{padding:16px;border:1px solid #e7dfee;border-radius:18px;margin:12px 0}.preview-quantity strong{display:block;margin-bottom:8px}.preview-budget{padding:18px;background:#f5eff9;border-radius:20px;margin:22px 0}.preview-budget h3{margin:0}.preview-budget output{display:block;font-size:30px;font-weight:700;color:#633084;margin:18px 0}.preview-budget input[type=range]{width:100%;height:32px;min-height:32px;padding:0;accent-color:#77349f;background:transparent;border:0}.preview-budget .preview-pills{padding:0;margin:12px 0}.preview-budget .preview-pills button{background:#fff}.preview-budget .preview-pills button[aria-pressed=true]{background:#77349f;color:#fff}#starter-products .starter-product img{width:100%;height:100%;object-fit:contain}#modal.house-first-access .starter-product input[type=checkbox]{min-height:24px!important;padding:0!important}#modal.house-first-access .starter-product{overflow:hidden}#preview-done{width:100%}@media(max-width:650px){#modal.house-first-access .dialog-head{top:-22px}}
/* Compact first-purchase review and profile. */
#modal.house-first-access .dialog-head{display:flex;gap:10px;min-height:48px;padding:10px 0;margin-bottom:12px;align-items:center}#modal.house-first-access .dialog-head h2{margin:0;line-height:1.25;font-size:20px}#modal.house-first-access .preview-back{display:grid;place-items:center;width:40px;height:40px;min-height:40px;flex-basis:40px;padding:0;line-height:1}#modal.house-first-access .preview-back svg{display:block}#modal.house-first-access .starter-extra-hint{font-size:10px;margin:0 0 10px}#modal.house-first-access .house-setup>p{margin:8px 0 14px;font-size:13px}#modal.house-first-access .preview-setting{margin:14px 0}#modal.house-first-access .preview-setting legend{font-size:12px;margin-bottom:7px}.preview-pills{gap:3px;padding:4px;border-radius:14px}.preview-pills button{min-width:0;min-height:42px;padding:8px 6px;font-size:12px;border-radius:10px;line-height:1.25}.preview-footer{gap:6px;margin-top:16px}.preview-footer button{min-height:44px}.preview-footer button:last-child{border:0;background:transparent;color:#756580}.preview-note{padding:9px 11px;font-size:11px;line-height:1.4}
#modal.house-first-access .preview-quantity{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin:7px 0;border-radius:14px;min-height:66px;background:#fcfafd}#modal.house-first-access .preview-quantity strong{margin:0;font-size:13px;line-height:1.3;min-width:0;overflow-wrap:anywhere}#modal.house-first-access .preview-inline-controls{display:flex;align-items:center;gap:0;flex-shrink:0}#modal.house-first-access .preview-inline-controls button{display:grid;place-items:center;width:32px;min-width:32px;height:40px;min-height:40px;padding:0;border:0;background:#f0e9f6;border-radius:10px;color:#70379a;font-size:19px}#modal.house-first-access .preview-inline-controls input{width:43px;height:40px;min-height:40px;padding:3px 0;margin:0;border:0;text-align:center;background:transparent;font-size:15px;box-shadow:none;appearance:textfield}#modal.house-first-access .preview-inline-controls input::-webkit-inner-spin-button,#modal.house-first-access .preview-inline-controls input::-webkit-outer-spin-button{appearance:none;margin:0}#modal.house-first-access .preview-inline-controls select{width:65px;min-width:65px;height:40px;min-height:40px;padding:5px;margin:0 0 0 6px;border-radius:10px;font-size:13px}
#modal.house-first-access .preview-budget{padding:14px 16px;margin:18px 0 14px;border-radius:18px}#modal.house-first-access .preview-budget h3{font-size:14px}#modal.house-first-access .preview-budget>p{margin:4px 0;font-size:11px}#modal.house-first-access .preview-budget output{font-size:27px;line-height:1.2;margin:12px 0 6px}#modal.house-first-access .preview-budget input[type=range]{display:block;margin:2px 0 6px;height:28px;min-height:28px;accent-color:#78369e}#modal.house-first-access .preview-budget .preview-pills{gap:5px;margin:6px 0;background:transparent}#modal.house-first-access .preview-budget .preview-pills button{min-height:36px;font-size:11px;padding:6px 3px}#modal.house-first-access #preview-no-budget{min-height:32px;padding:4px 0;border:0;background:transparent;font-size:12px;color:#745b86}#modal.house-first-access .preview-budget .preview-note{padding:0;background:transparent;margin:6px 0 0;font-size:10px}#modal.house-first-access #preview-done{min-height:44px}
@media(max-width:360px){#modal.house-first-access .preview-quantity{padding:8px;gap:6px}#modal.house-first-access .preview-inline-controls button{width:28px;min-width:28px}#modal.house-first-access .preview-inline-controls input{width:36px}#modal.house-first-access .preview-inline-controls select{width:59px;min-width:59px}}
#starter-products legend .preview-group-check{display:inline-flex;flex-direction:row;align-items:center;gap:8px;min-height:32px;margin:0;padding:0;font-size:13px;font-weight:600;color:#30243b;cursor:pointer}#starter-products legend .preview-group-check input{position:static;flex:0 0 24px;margin:0}
#modal.house-first-access .starter-paths button{display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px;text-align:left}#modal.house-first-access .starter-paths .preview-path-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;margin:0;background:#eee6f5;color:#713396;border-radius:13px}#modal.house-first-access .starter-paths .primary .preview-path-icon{background:#ffffff20;color:#fff}#modal.house-first-access .preview-path-icon svg{width:24px;height:24px;display:block}#modal.house-first-access .preview-path-copy{min-width:0;flex:1}#modal.house-first-access .preview-path-copy strong{display:block;font-size:14px;line-height:1.3}#modal.house-first-access .preview-path-copy span{display:block;font-size:12px;line-height:1.4;margin-top:5px}

.receipt-product-mapping{background:#f5eff9;padding:12px;border-radius:14px;margin:10px 0}.receipt-product-mapping p{margin:0 0 8px;font-size:12px}.receipt-product-mapping>div{display:flex;align-items:center;gap:10px}.receipt-product-mapping strong,.receipt-product-mapping small{display:block}.receipt-product-mapping small{font-size:11px;color:#766080}.receipt-product-mapping strong{font-size:14px}.receipt-use-existing{width:100%;margin:8px 0;background:#eee5f7;color:#633584;border:1px solid #d9c4e8}

/* Explicit light surfaces: native dialogs otherwise inherit the browser dark theme. */
:root{color-scheme:light}dialog{background:#fff;color:var(--ink,#1c1922)}
#modal .receipt-review-footer{position:static;margin-top:16px;background:#fff}
#modal .receipt-product-mapping img{object-fit:contain}
.product-package{border:1px solid #e5dbef;border-radius:16px;padding:12px;margin:12px 0;background:#fcfaff;min-width:0}
.product-package summary{cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px}
.product-package summary span{font-size:12px;color:#76568b;font-weight:400}
.product-package-body{display:grid;gap:10px;margin-top:10px}
.package-presets{display:flex;gap:6px;flex-wrap:wrap}
.package-presets button{padding:8px 14px;min-height:40px;background:white;border:1px solid #ddcdea;border-radius:12px}
.package-presets button[aria-pressed=true]{background:#eee3f6;border-color:#8a46b3;color:#642d86}
.package-content-fields{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:10px}
.package-content-fields label{margin:0!important;font-size:12px}
.package-content-fields input,.package-content-fields select{margin-top:5px;width:100%;min-width:0;min-height:44px;box-sizing:border-box}
.product-package .package-clear{justify-self:start;font-size:12px;padding:5px 0;border:0;background:none;color:#76568b;min-height:32px}
.product-package small{font-size:11px;color:#82718e;line-height:1.5}
.receipt-row-fields .product-package{padding:8px 10px;margin:8px 0}

.product-package [hidden]{display:none!important}
.product-package-body{gap:6px}.product-package .package-other{color:#70339a}.product-package .package-clear{min-height:32px}

.product-package .package-heading{display:flex;align-items:center;gap:8px;font-size:inherit;font-weight:600;min-width:0}.product-package .package-heading svg{flex:none;color:#76568b}

/* Quiet connection status, including brief loss of network. */
header .header-controls .sync-top[data-quiet="true"]{position:relative;display:block;align-self:center;width:24px;min-width:24px;height:32px;min-height:32px;padding:0;border:0;background:transparent;font-size:0;line-height:0;flex-basis:auto;order:0}
header .sync-top[data-quiet="true"]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#ba8528}
header .sync-top[data-quiet="true"][data-tone="connected"]::before{background:#328565}
.sync-warning[data-tone="quiet"]{position:static;box-shadow:none;background:#faf7ef;border-color:#eee6d5;padding:8px 12px}
.sync-warning[data-tone="quiet"] .sync-warning-icon,.sync-warning[data-tone="quiet"] .sync-warning-detail{display:none}
.sync-warning[data-tone="quiet"] .sync-warning-copy strong{font-size:11px;font-weight:400}