/* October revision. Keep prototype 2's pink, amber and geometric brand. */
.business-item {border:1px solid var(--slate-300);border-radius:14px;padding:18px;min-width:0}
.business-item h3 {font-size:15px;margin-bottom:6px}
.business-item summary {cursor:pointer;font-size:13px}
.business-item summary small {display:block;font-size:11px;color:var(--slate-500);margin:6px 0}
.business-item summary>span {font-size:11px;font-weight:700;color:var(--primary)}
.business-charge-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,180px);gap:12px;align-items:center;margin-top:12px}
.business-charge-row .field__control {height:42px}
.business-draft-total {position:sticky;bottom:0;background:var(--mint-soft);border:2px solid var(--ink);border-radius:12px;padding:16px;font-weight:700}
.business-components>div {display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--slate-200);font-size:13px}
.business-components small {display:block;color:var(--slate-500);font-size:11px;margin-top:5px}
.business-payment {border:1px solid var(--slate-300);border-radius:12px;padding:14px;font-size:12px}
.business-payment small {display:block;margin-top:6px;color:var(--slate-500)}
@media(max-width:700px){.business-charge-row{grid-template-columns:minmax(0,1fr) 110px}.business-item{padding:13px}.business-components>div{flex-wrap:wrap}}
.revision-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.revision-heading h2 {font:700 24px/1.25 var(--font-display)}
.revision-heading p {font-size:13px;color:var(--slate-500);margin-top:7px;max-width:60ch;line-height:1.7}
.revision-batch-meta {display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:var(--slate-500)}
.revision-batch-meta span {display:inline-flex;align-items:center;gap:6px}
.revision-capital {display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #eee4e8;padding-top:14px;margin-top:16px;font-size:12px}
.revision-capital span {color:var(--slate-500)}
.revision-run h3 {font:700 20px var(--font-display);margin:16px 0 7px;overflow-wrap:anywhere}
.revision-run__stats {display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;border-block:1px solid #eee7e5;padding:18px 0;margin:18px 0}
.revision-run__stats div {display:flex;flex-direction:column;gap:6px;min-width:0}
.revision-run__stats strong {font-size:20px;font-family:var(--font-display);overflow-wrap:anywhere}
.revision-run__stats span {font-size:11px;color:var(--slate-500)}
.revision-invoice h3 {font-size:16px;margin-bottom:4px}
.revision-money-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 0}
.revision-kv {display:flex;flex-direction:column;gap:5px;font-variant-numeric:tabular-nums}
.revision-kv span {font-size:11px;color:var(--slate-500)}
.revision-kv strong {font-size:14px;overflow-wrap:anywhere}
.revision-actions {margin-top:18px}
.revision-buyer-row__whatsapp {grid-column:2/-1;min-width:0}
.revision-buyer-row > label > .field__control {width:100%;border:var(--bw) solid var(--slate-300);border-radius:var(--r-md);background:var(--paper);transition:border-color var(--d-fast) var(--ease-out),box-shadow var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-out)}
.revision-buyer-row > label > .field__control:hover {border-color:var(--slate-500)}
.revision-buyer-row > label:focus-within > .field__control {border-color:var(--primary);box-shadow:var(--pop);transform:translate(-1px,-1px)}
.invoice-whatsapp-field .field__control {width:100%}
.invoice-whatsapp-field .field__wrap:focus-within {border-color:var(--primary);outline:2px solid var(--primary-soft);outline-offset:2px}
.invoice-whatsapp-field .field__helper {display:block;margin-top:7px;line-height:1.6}
.btn.invoice-whatsapp-button {background:#d9f5e7;color:#065f46;border:var(--bw) solid var(--ink);text-decoration:none}
.btn.invoice-whatsapp-button:hover {background:#bcf0d5}
.invoice-whatsapp-button[aria-disabled=true] {opacity:.5;cursor:not-allowed}
.invoice-whatsapp .invoice-whatsapp-button {align-self:flex-start}
.invoice-whatsapp-preview {width:100%;min-height:260px;padding:16px;border:1px solid var(--slate-300);border-radius:12px;background:#fffdf8;color:var(--ink);font:400 13px/1.8 var(--font-body);resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}
.invoice-whatsapp-preview:focus {outline:2px solid var(--primary);outline-offset:2px}
.invoice-whatsapp-recipient {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:var(--mint-soft);border-radius:12px;font-size:12px}
.invoice-whatsapp-recipient strong {overflow-wrap:anywhere}
.invoice-whatsapp-error {font-size:12px;color:#9b324d;line-height:1.6}
.invoice-whatsapp-error:empty {display:none}
@media(max-width:700px){.revision-buyer-row__whatsapp{grid-column:1/-1}.invoice-whatsapp .invoice-whatsapp-button{align-self:stretch}}
.app .segmented__item.is-active {background:var(--amber);color:var(--ink)}
.public-flow {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:11px;color:#95516a}
.public-flow span {display:flex;align-items:center;gap:6px}
.revision-admin-picks {border:0;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap}
.revision-admin-picks legend {font-size:11px;color:var(--slate-500);font-weight:700;margin-bottom:10px}
.revision-admin-picks label {display:flex;align-items:center;gap:8px;border:1px solid #e0d7db;border-radius:10px;padding:12px;font-size:12px;cursor:pointer}
.revision-admin-picks label:has(input:checked) {background:#fff0f5;border-color:var(--primary)}
.revision-admin-picks input,.revision-check input {accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}
.revision-buyer-heading {display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin-bottom:8px}
.revision-buyer-row {display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #eee5e5}
.revision-buyer-row>label:first-child {display:flex;align-items:center;gap:10px;font-size:12px;overflow-wrap:anywhere}
.revision-buyer-row>label:not(:first-child)>span {display:block;font-size:10px;color:var(--slate-500);margin-bottom:6px}
.revision-buyer-row input[type=checkbox] {accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}
.revision-check {display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.6;cursor:pointer}
.revision-report-filters {display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.revision-report-stats {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.revision-report-stats .card {display:flex;flex-direction:column;gap:7px}
.revision-report-stats strong {font:700 36px var(--font-display)}
.revision-report-stats span {font-size:12px;color:var(--slate-500)}
.revision-buyer-card {display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.revision-buyer-card h3 {font-size:15px;overflow-wrap:anywhere}
.revision-buyer-card p {margin-top:6px}
.revision-album__cover {aspect-ratio:16/9;position:relative;background:#fff0f5;border-radius:12px;display:grid;place-items:center;overflow:hidden;color:var(--primary);margin-bottom:16px}
.revision-album__cover img {width:100%;height:100%;object-fit:cover}
.revision-album__cover .badge {position:absolute;top:12px;right:12px}
.revision-album h3 {font-size:18px;overflow-wrap:anywhere;margin-bottom:6px}
.revision-album p {margin-bottom:16px}
.revision-upload {display:flex;flex-direction:column;gap:12px;border:1px dashed #d398af;background:#fff7fa;padding:20px;border-radius:14px}
.revision-upload>span {display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}
.revision-upload small {color:var(--slate-500);font-size:11px}
.revision-upload input {max-width:100%;font-size:12px}
.revision-photo-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.revision-photo-grid img {display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:12px;background:#f5f3f3;border:1px solid #e9e3e3}
.revision-photo-grid figcaption {font-size:11px;color:var(--slate-500);margin-top:8px;overflow-wrap:anywhere}
.public-shell {background:#fffdf8;color:var(--ink)}
.public-header {background:#fffefb;border-bottom:1px solid #eae3df;position:sticky;top:0;z-index:10}
.public-header__inner {max-width:1240px;margin:auto;padding:17px 30px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.public-header .brand {gap:10px;text-decoration:none;flex-shrink:0}
.public-header .brand__logo {width:46px;height:46px;border-radius:14px;box-shadow:none;border:1px solid #d9d5d5}
.public-header .brand__name {font-size:21px}
.public-nav {display:flex;align-items:center;gap:8px}
.public-nav a {display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;padding:10px 14px;border-radius:10px;text-decoration:none;color:var(--slate-500);white-space:nowrap}
.public-nav a[aria-current=page] {background:#ffe6ef;color:#ad315e}
.public-admin-link {border:1px solid #ddd6d6}
.public-main {max-width:1160px;margin:0 auto;padding:0 28px 48px}
.public-hero {display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:40px;padding:65px 20px 52px}
.public-eyebrow {font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--primary)}
.public-hero h1 {font:750 clamp(32px,4.5vw,56px)/1.1 var(--font-display);letter-spacing:-.03em;margin:17px 0 20px}
.public-hero p {max-width:49ch;font-size:14px;line-height:1.85;color:var(--slate-500)}
.public-hero__art {display:flex;align-items:center;justify-content:center;position:relative;min-height:240px}
.public-art-box {display:grid;place-items:center;width:190px;height:190px;rotate:-9deg;border:2px solid var(--ink);border-radius:42px;background:#ffdce8;box-shadow:9px 9px 0 #fbbf24;color:#84234b}
.public-art-tag {position:absolute;bottom:4px;right:0;display:flex;align-items:center;gap:8px;border:1px solid var(--ink);border-radius:10px;background:#d9f5e7;padding:12px 18px;rotate:4deg;font-size:12px;font-weight:700;box-shadow:3px 3px 0 var(--ink)}
.public-search-panel {background:#fff;border:1px solid #e3d9db;border-radius:20px;box-shadow:0 5px 0 #f0e6e6;padding:28px 32px;max-width:100%}
.public-search-panel h2 {font:700 23px var(--font-display);margin:8px 0 20px}
.public-search {display:flex;gap:12px;max-width:100%}
.public-search input {flex:1;min-width:0;border:1px solid #d7ced2;border-radius:12px;padding:14px 17px;font-size:14px;background:#fffdfd}
.public-search-panel>p {font-size:12px;color:var(--slate-500);margin-top:13px;line-height:1.7}
.public-shell .btn {border-width:1px;border-radius:11px;box-shadow:2px 2px 0 var(--ink);font-size:13px;gap:8px;padding:11px 18px}
.public-quick {display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;margin-top:18px;color:var(--slate-500)}
.public-quick button {border:1px solid #ecd2dd;border-radius:20px;padding:5px 12px;color:#a82e5a;background:#fff3f7;cursor:pointer}
.public-empty {display:flex;flex-direction:column;align-items:center;gap:13px;padding:50px 24px;text-align:center}
.public-empty h3 {font:700 20px var(--font-display)}
.public-empty p {color:var(--slate-500);font-size:13px;line-height:1.8;max-width:55ch}
.public-results {padding-top:36px}
.public-results .section-heading {margin-bottom:18px}
.public-buyer-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.public-buyer-result {display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid #e2d9dc;padding:18px;border-radius:15px;cursor:pointer;min-width:0}
.public-buyer-result:hover {border-color:var(--primary);background:#fff7fa}
.public-buyer-result strong {display:block;font-size:13px;overflow-wrap:anywhere}
.public-buyer-result small {display:block;color:var(--slate-500);font-size:10px;line-height:1.6;margin-top:3px}
.public-buyer-result__avatar {display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#ffe4ed;color:#ab315e;font:700 18px var(--font-display)}
.public-detail {padding-top:30px;scroll-margin-top:95px}
.public-back {display:flex;align-items:center;gap:4px;color:var(--slate-500);font-size:12px;background:none;border:0;padding:8px 0;cursor:pointer}
.public-buyer-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 24px}
.public-buyer-heading h2 {font:700 30px var(--font-display);margin:7px 0}
.public-buyer-heading p {font-size:12px;color:var(--slate-500)}
.public-shell .badge {font-size:10px;padding:5px 8px;border-width:1px;white-space:nowrap}
.public-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.public-metrics>div {display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e2d9dc;border-radius:15px;padding:20px}
.public-metrics span {font-size:11px;color:var(--slate-500)}
.public-metrics strong {font:700 clamp(19px,2.5vw,28px) var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.public-metrics .public-metrics__pending {background:#fff1f5;border-color:#eccbd8}
.public-section {padding-top:34px}
.public-filters {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.public-filters label {display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:650;color:var(--slate-500)}
.public-filters select {background:white;border:1px solid #ded6da;padding:11px 12px;border-radius:11px;min-width:0;color:var(--ink);font-size:12px}
.public-orders {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}
.public-order {display:flex;gap:13px;align-items:flex-start;background:#fff;border:1px solid #e5dcde;border-radius:15px;padding:20px;min-width:0}
.public-order .grow {min-width:0}
.public-order__icon {display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;background:#fff1da;border-radius:11px;color:#8c6c29}
.public-order__batch {font-size:10px;color:var(--slate-500)}
.public-order h4 {font-size:13px;line-height:1.5;margin:4px 0;overflow-wrap:anywhere}
.public-order p {font-size:11px;color:var(--slate-500);line-height:1.7;overflow-wrap:anywhere}
.public-order__amount {font-size:12px;white-space:nowrap;margin-top:3px;font-variant-numeric:tabular-nums}
.public-order__badges {display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.public-section-note {font-size:12px;color:var(--slate-500);line-height:1.7;margin:14px 0}
.public-invoice-lines {padding:12px 0;margin-bottom:10px;border-top:1px solid #eee6e8;font-size:11px;color:var(--slate-500)}
.public-invoice-lines summary {cursor:pointer;font-weight:650;color:var(--ink)}
.public-invoice-lines p {margin-top:8px;line-height:1.7}
.public-invoices {display:grid;gap:14px;margin-bottom:18px}
.public-invoice {background:#fff;border:1px solid #e3dadd;border-radius:15px;padding:22px}
.public-invoice h4 {font-size:14px;overflow-wrap:anywhere}
.public-invoice__numbers {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:20px 0}
.public-invoice__numbers>div {display:flex;flex-direction:column;gap:7px}
.public-invoice__numbers span {font-size:10px;color:var(--slate-500)}
.public-invoice__numbers strong {font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.public-album-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px}
.public-album {border:1px solid #e1d8db;background:#fff;border-radius:17px;overflow:hidden;text-align:left;cursor:pointer}
.public-album:hover {border-color:var(--primary)}
.public-album__image {aspect-ratio:4/3;display:grid;place-items:center;position:relative;background:#ffe8ef;color:#b24370;overflow:hidden}
.public-album__image img {height:100%;width:100%;object-fit:cover}
.public-album__image>span {position:absolute;bottom:12px;right:12px;font-size:10px;background:white;border-radius:7px;padding:5px 8px}
.public-album__text {padding:20px}
.public-album__text h3 {font:700 18px var(--font-display);margin:8px 0;overflow-wrap:anywhere}
.public-album__text p {font-size:12px;color:var(--slate-500);overflow-wrap:anywhere}
.public-footer {max-width:1160px;margin:auto;padding:22px 28px;border-top:1px solid #e9e1df;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--slate-500);line-height:1.8}
@media(max-width:1000px){.public-buyer-grid,.public-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-hero{padding-inline:0;gap:20px}.public-art-box{width:150px;height:150px}.public-art-tag{font-size:10px;padding:10px;right:-5px}}
@media(max-width:700px){.public-header__inner{padding:14px 18px;gap:14px;flex-wrap:wrap}.public-nav{width:100%;justify-content:space-between}.public-nav a{padding:9px 10px;font-size:11px}.public-header .brand__name{font-size:20px}.public-header .brand__logo{width:38px;height:38px}.public-main{padding:0 18px 36px}.public-hero{grid-template-columns:1fr;padding:36px 0 30px}.public-hero__art{display:none}.public-hero h1{font-size:39px;margin:14px 0}.public-hero p{font-size:13px}.public-search-panel{padding:22px 18px}.public-search-panel h2{font-size:20px}.public-search{gap:8px}.public-search input{font-size:12px;padding:12px;min-width:0}.public-search .btn{padding:10px 14px}.public-search .btn svg{display:none}.public-buyer-grid{grid-template-columns:1fr}.public-orders{grid-template-columns:1fr}.public-buyer-heading h2{font-size:25px}.public-metrics{gap:8px}.public-metrics>div{padding:13px 10px;gap:7px}.public-metrics span{font-size:9px;line-height:1.6}.public-metrics strong{font-size:17px}.public-order{padding:16px;gap:10px}.public-order__icon{display:none}.public-invoice{padding:17px}.public-invoice__numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.public-album-grid{grid-template-columns:1fr}.public-album__image{aspect-ratio:16/10}.revision-report-filters{grid-template-columns:1fr}.revision-buyer-row{grid-template-columns:1fr 1fr}.revision-buyer-row>label:first-child{grid-column:1/-1}.revision-report-stats strong{font-size:28px}.revision-report-stats span{font-size:10px}.revision-money-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.revision-photo-grid{gap:10px}.public-detail{scroll-margin-top:135px}.revision-run__stats strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Packing proof belongs to a buyer and their selected Shopee orders. */
.revision-buyer-card {flex-wrap:wrap;align-items:center}
.revision-buyer-card>div:first-child {flex:1 1 180px;min-width:0}
.packing-card {display:flex;flex-direction:column;gap:12px;min-width:0}
.packing-card .revision-album__cover {margin:0}
.packing-card .revision-album__cover img {object-fit:contain}
.packing-card h3 {font-size:17px;overflow-wrap:anywhere}
.packing-card>.btn {align-self:flex-start;margin-top:auto}
.packing-warning {font-size:12px;line-height:1.65;color:#9b324d;overflow-wrap:anywhere}
.packing-warning:empty {display:none}
.packing-field .field__control {width:100%}
.packing-field .field__wrap:focus-within {border-color:var(--primary);outline:2px solid var(--primary-soft);outline-offset:2px}
.packing-items {border:1px solid #ded6da;border-radius:12px;padding:16px;min-width:0;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.packing-items legend {font-size:12px;font-weight:700;padding:0 6px}
.packing-items .revision-check {align-items:flex-start}
.packing-items .revision-check input {margin-top:4px}
.packing-items .revision-check span {min-width:0;overflow-wrap:anywhere}
.packing-items small {display:block;font-size:11px;color:var(--slate-500);font-weight:400;margin-top:4px}
.public-packing-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.public-packing-card {min-width:0;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-md);overflow:hidden;box-shadow:4px 4px 0 var(--ink)}
.public-packing-cover {display:block;position:relative;width:100%;border:0;border-bottom:var(--bw) solid var(--ink);padding:0;background:var(--pink-soft);cursor:pointer;aspect-ratio:4/3}
.public-packing-cover img {display:block;width:100%;height:100%;object-fit:contain;color:var(--slate-500);font-size:12px}
.public-packing-cover>span {position:absolute;bottom:12px;right:12px;left:12px;width:fit-content;max-width:calc(100% - 24px);border:var(--bw) solid var(--ink);border-radius:var(--r-full);padding:6px 12px;background:var(--paper);font:700 12px var(--font-display)}
.public-packing-cover:focus-visible {outline:3px solid var(--primary);outline-offset:-5px}
.public-packing-copy {padding:20px}
.public-packing-copy h4 {font:700 18px/1.35 var(--font-display);overflow-wrap:anywhere}
.public-packing-copy ul {margin:14px 0;padding-left:18px;font-size:12px;line-height:1.6}
.public-packing-copy li {margin-top:9px;overflow-wrap:anywhere}
.public-packing-copy small {display:block;color:var(--slate-500);font-size:11px}
.packing-gallery {display:grid;gap:24px}
.packing-gallery img {display:block;width:100%;height:auto;min-height:120px;object-fit:contain;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:12px}
.packing-gallery figcaption {text-align:center;font-size:12px;color:var(--slate-500);margin-top:10px}
@media(max-width:700px){.public-packing-grid{grid-template-columns:minmax(0,1fr)}.app .card:has([data-packing-item]) .row-between{flex-wrap:wrap;gap:10px}}

/* Public pages deliberately reuse the landing page's visual language. */
.public-shell {background:var(--cream);color:var(--ink);overflow-x:clip}
.public-shell .topbar {z-index:50}
.public-main {max-width:var(--shell-max);margin:0 auto;padding:0 24px 76px}
.public-hero.hero {display:block;padding:64px 20px 54px;overflow:visible}
.public-hero__inner.hero__inner {gap:56px}
.public-hero__copy .t-eyebrow {display:inline-flex;align-items:center;gap:8px;color:var(--primary)}
.public-hero .hero__title {margin:20px 0}
.public-hero .hero__lede {max-width:46ch}
.public-hero__trust {display:grid;grid-template-columns:minmax(0,1fr);gap:12px 16px;margin-top:26px}
.public-mockup-wrap {max-width:440px;width:100%;justify-self:end}
.public-mockup-wrap .mockup-bg {background-color:var(--primary-soft)}
.public-mockup-card {display:flex;align-items:flex-start;gap:12px;padding:13px;margin-top:12px;border:var(--bw) solid var(--ink);border-radius:var(--r-md);background:var(--slate-50)}
.public-mockup-card .icon-bubble {flex:0 0 auto}
.public-mockup-card .badge {flex:0 0 auto;align-self:center}
.public-mockup-head {margin-bottom:14px;align-items:center;gap:12px}
.public-mockup-head strong {font:700 13px/1.4 var(--font-display)}
.public-mockup-card__title {display:block;font:700 13px/1.4 var(--font-display);overflow-wrap:anywhere}
.public-mockup-card__sub {display:block;font-size:10px;line-height:1.65;color:var(--slate-500);margin-top:4px;overflow-wrap:anywhere}
.public-hero__trust .hero__trust-item {align-items:center;max-width:none;gap:8px;font-size:12px;line-height:1.45}
.public-hero__trust .hero__trust-item__text {min-width:0;overflow-wrap:anywhere}
.public-marquee {display:flex;align-items:center;justify-content:center;gap:20px;overflow:hidden;margin:0 calc(50% - 50vw) 58px;padding:14px 24px;border-block:var(--bw) solid var(--ink);background:var(--amber);font-family:var(--font-display);font-size:var(--t-sm);font-weight:800;letter-spacing:.04em;white-space:nowrap;transform:rotate(-1.2deg)}
.public-marquee i {width:11px;height:11px;flex:0 0 auto;border:var(--bw) solid var(--ink);border-radius:50%;background:var(--paper)}
.public-search-panel {position:relative;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--pop-md);padding:32px;max-width:880px;margin-inline:auto}
.public-search-panel::after {content:"";position:absolute;right:-22px;top:-21px;width:52px;height:52px;border:var(--bw) solid var(--ink);border-radius:50%;background:var(--mint);z-index:-1}
.public-search-panel h2 {font:800 var(--t-2xl)/1.15 var(--font-display);margin:12px 0 22px}
.public-search {gap:14px}
.public-search input {border:var(--bw) solid var(--ink);border-radius:var(--r-full);padding:14px 19px;background:var(--cream);box-shadow:inset 0 0 0 1px transparent}
.public-search input:focus {border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.public-shell .btn {border-width:var(--bw);border-radius:var(--r-full);box-shadow:var(--pop);font-family:var(--font-display);font-size:var(--t-sm);font-weight:700;padding:11px 18px}
.public-shell .btn:hover {transform:translate(-2px,-2px);box-shadow:var(--pop-md)}
.public-quick button {border:var(--bw) solid var(--ink);border-radius:var(--r-full);padding:6px 13px;background:var(--pink-soft);color:var(--ink);font-family:var(--font-display);font-weight:700}
.public-quick button:hover {background:var(--pink)}
.public-empty {background:var(--paper);border:var(--bw) dashed var(--slate-300);border-radius:var(--r-lg);margin-top:30px}
.public-results {padding-top:48px}
.public-results .section-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.public-results .section-heading h3,.public-section .section-heading h3 {font:800 var(--t-xl)/1.2 var(--font-display)}
.public-buyer-result {border:var(--bw) solid var(--ink);border-radius:var(--r-md);box-shadow:4px 4px 0 var(--ink);padding:17px;background:var(--paper);transition:transform var(--d) var(--ease-bounce),box-shadow var(--d) var(--ease-bounce),background-color var(--d-fast) var(--ease-out)}
.public-buyer-result:hover {border-color:var(--ink);background:var(--primary-soft);transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--ink)}
.public-buyer-result__avatar {border:var(--bw) solid var(--ink);border-radius:50%;background:var(--amber);color:var(--ink)}
.public-detail {padding-top:42px;scroll-margin-top:100px}
.public-back {font-family:var(--font-display);font-weight:700;color:var(--ink)}
.public-buyer-heading h2 {font:800 var(--t-3xl)/1.1 var(--font-display)}
.public-shell .badge {border-width:var(--bw)}
.public-metrics>div {border:var(--bw) solid var(--ink);border-radius:var(--r-md);box-shadow:4px 4px 0 var(--ink);background:var(--paper)}
.public-metrics .public-metrics__pending {background:var(--pink-soft);border-color:var(--ink)}
.public-filters select {border:var(--bw) solid var(--ink);border-radius:var(--r-md);background:var(--paper)}
.public-order {border:var(--bw) solid var(--ink);border-radius:var(--r-md);box-shadow:4px 4px 0 var(--ink);background:var(--paper)}
.public-order__icon {border:var(--bw) solid var(--ink);border-radius:50%;background:var(--amber-soft);color:var(--ink)}
.public-invoice {border:var(--bw) solid var(--ink);border-radius:var(--r-md);box-shadow:4px 4px 0 var(--ink);background:var(--paper)}
.public-album {border:var(--bw) solid var(--ink);border-radius:var(--r-md);box-shadow:5px 5px 0 var(--ink);background:var(--paper);transition:transform var(--d) var(--ease-bounce),box-shadow var(--d) var(--ease-bounce)}
.public-album:hover {border-color:var(--ink);transform:translate(-3px,-3px) rotate(-1deg);box-shadow:8px 8px 0 var(--ink)}
.public-album__image {border-bottom:var(--bw) solid var(--ink);background:var(--pink-soft);color:var(--primary)}
.public-album__image>span {border:var(--bw) solid var(--ink);border-radius:var(--r-full);font-family:var(--font-display);font-weight:700}
.public-footer.footer {max-width:none;margin:0;padding-block:64px 36px;border-top:var(--bw) solid var(--ink);background-color:var(--cream)}
.public-footer .brand {text-decoration:none}

@media(max-width:1000px){.public-hero__inner.hero__inner{gap:48px}.public-mockup-wrap{justify-self:center;max-width:400px}.public-marquee{margin-bottom:44px;gap:16px}}
@media(max-width:700px){.public-main{padding:0 18px 54px}.public-hero.hero{padding:44px 0 40px}.public-hero__inner.hero__inner{gap:38px}.public-hero .hero__title{margin:16px 0;font-size:var(--t-4xl)}.public-hero .hero__lede{font-size:var(--t-base)}.public-hero .hero__actions{margin-top:26px;gap:12px}.public-hero__trust{grid-template-columns:1fr;gap:9px;margin-top:24px;padding-top:20px}.public-hero__trust .hero__trust-item{font-size:11px}.public-mockup-wrap{max-width:330px}.public-mockup-wrap .mockup{padding:16px}.public-mockup-card{padding:10px;gap:9px}.public-marquee{justify-content:flex-start;margin-bottom:38px;padding:12px 18px;gap:12px;font-size:10px}.public-marquee span:nth-of-type(n+3),.public-marquee i:nth-of-type(n+3){display:none}.public-search-panel{padding:24px 18px;border-radius:var(--r-md);box-shadow:var(--pop)}.public-search-panel::after{width:38px;height:38px;right:-13px;top:-14px}.public-search-panel h2{font-size:var(--t-xl)}.public-search{gap:9px}.public-search .btn{padding:10px 14px}.public-search .btn svg{display:none}.public-detail{scroll-margin-top:95px}.public-footer.footer{padding-block:48px 28px}.public-footer .footer__grid{gap:30px}}
/* Batch entry and billing share the existing cream, pink and ink palette. */
.batch-workspace{max-width:1080px;margin-inline:auto;display:grid;gap:24px}
.batch-workspace .revision-heading p{margin-top:7px;color:var(--slate-500);font-size:13px;line-height:1.7}
.batch-workspace-card{border:var(--bw) solid var(--ink);border-radius:var(--r-lg);background:var(--paper);box-shadow:5px 5px 0 var(--ink);overflow:hidden}
.batch-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:var(--bw) solid var(--ink);background:var(--cream)}
.batch-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:76px;padding:16px 10px;border:0;border-right:1px solid var(--slate-200);background:transparent;font:700 14px var(--font-display);color:var(--slate-500);cursor:pointer}
.batch-tabs button:last-child{border-right:0}
.batch-tabs button span{display:grid;place-content:center;width:27px;height:27px;border:1px solid currentColor;border-radius:50%;font-size:12px;flex-shrink:0}
.batch-tabs button[aria-selected=true]{background:var(--primary-soft);color:var(--ink);box-shadow:inset 0 -4px 0 var(--primary)}
.batch-tabs button[aria-selected=true] span{background:var(--primary);border-color:var(--ink);color:white}
.batch-tabs button:focus-visible{outline:3px solid var(--primary);outline-offset:-6px}
.batch-panel{padding:30px}
.batch-panel-heading{margin-bottom:25px}
.batch-panel-heading h3{font:800 23px/1.3 var(--font-display)}
.batch-panel-heading p{font-size:13px;line-height:1.7;color:var(--slate-500);margin-top:8px}
.batch-panel .form-grid{gap:20px}
.batch-entry-list{display:grid;gap:20px;margin-bottom:22px}
.batch-entry-card{border:1px solid var(--slate-300);border-radius:var(--r-md);padding:22px;background:var(--cream);display:grid;gap:18px;min-width:0}
.batch-entry-card h4{font:700 17px var(--font-display)}
.batch-entry-card .form-grid{margin:0}
.batch-option{padding:20px;margin:22px 0;border:1px solid var(--slate-300);border-radius:var(--r-md);background:var(--primary-soft)}
.batch-option p,.batch-note{color:var(--slate-500);font-size:12px;line-height:1.8;margin-top:10px}
.batch-option .revision-check{font-weight:700;align-items:center}
.batch-dp-input{border-top:1px solid var(--slate-200);padding-top:18px}
.batch-dp-input small{display:block;margin-top:8px;font-size:11px;color:var(--slate-500);line-height:1.7}
.batch-row-total{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;border-radius:12px;background:var(--primary-soft);font-size:13px}
.batch-row-total strong{font:800 20px var(--font-display)}
.batch-review-table{overflow-x:auto;margin-bottom:20px}
.batch-review-table table{width:100%;font-size:13px;border-collapse:collapse}
.batch-review-table th,.batch-review-table td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--slate-200);white-space:nowrap}
.batch-review-table th{background:var(--cream);font-size:11px;text-transform:uppercase;color:var(--slate-500)}
.batch-review-table td:first-child{white-space:normal;min-width:140px;overflow-wrap:anywhere}
.batch-workspace-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 30px;border-top:1px solid var(--slate-200);background:var(--cream)}
.batch-workspace-foot>span{font-size:11px;color:var(--slate-500)}
.batch-error{border:1px solid #bd304b;background:#fff0f2;color:#8c1e35;padding:15px 18px;border-radius:12px;line-height:1.6;font-size:13px;margin-bottom:20px}
.batch-error[hidden],[data-bundle-billing-fields][hidden],[data-dp-terms][hidden]{display:none}
.batch-existing{font-size:12px;color:var(--slate-500)}
.batch-buyer-result-count{font-size:12px;line-height:1.7;color:var(--slate-500);margin-bottom:10px}
.batch-buyer-result-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:300px;overflow-y:auto}
.batch-buyer-result{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:13px 15px;text-align:left;border:1px solid var(--slate-300);border-radius:12px;background:var(--paper);color:var(--ink);cursor:pointer}
.batch-buyer-result:hover,.batch-buyer-result:focus-visible{background:var(--primary-soft);border-color:var(--primary);outline:2px solid var(--primary);outline-offset:-2px}
.batch-buyer-result strong{display:block;font-size:13px;overflow-wrap:anywhere}
.batch-buyer-result small{display:block;margin-top:5px;font-size:11px;color:var(--slate-500)}
.batch-buyer-result>span:first-child{min-width:0}
.batch-buyer-result>span:last-child{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;flex-shrink:0}
[data-buyer-results][hidden]{display:none}
.batch-billing-list{display:grid;gap:25px}
.batch-billing-card .revision-heading{margin-bottom:17px}
.batch-billing-card h3{font:800 21px var(--font-display);overflow-wrap:anywhere}
.batch-stage-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.batch-run-list{display:grid;gap:16px}
.batch-run-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:20px;border:1px solid var(--slate-200);border-radius:14px;background:var(--cream)}
.batch-run-row h4{font:700 16px var(--font-display);margin:10px 0 6px;overflow-wrap:anywhere}
.batch-run-row p,.batch-run-row small{font-size:11px;color:var(--slate-500);line-height:1.7}
.batch-run-row>div:last-child>strong{display:block;font:800 20px var(--font-display);margin:4px 0 12px}
.batch-bill-buyer{border:1px solid var(--slate-300);padding:20px;border-radius:14px;display:grid;gap:18px;margin-top:16px;background:var(--cream)}
.batch-bill-buyer>.revision-check{font-weight:700}
.batch-bill-buyer:has(input[type=checkbox]:disabled){opacity:.65}
.batch-public-group{display:grid;gap:16px;margin-top:28px;padding:22px;border:1px solid var(--slate-300);border-radius:var(--r-lg);background:var(--cream)}
.batch-public-group>h4{font:800 20px var(--font-display);overflow-wrap:anywhere}
.batch-public-group .public-invoices{margin-top:0}
.batch-public-group .public-invoice h4{margin-top:9px}
.batch-public-dp{display:flex;flex-wrap:wrap;gap:12px 24px;margin:18px 0;padding:13px 16px;border-radius:12px;background:var(--primary-soft);font-size:11px}
.batch-public-dp strong{display:block;font-size:14px;margin-top:4px}
.public-order__amount small{display:block;font-size:10px;font-weight:400;color:var(--slate-500);margin-bottom:4px}
@media(max-width:700px){.batch-panel{padding:22px 16px}.batch-tabs button{flex-direction:column;gap:7px;min-height:80px;padding:12px 4px;font-size:11px}.batch-tabs button span{width:23px;height:23px;font-size:10px}.batch-entry-card{padding:17px}.batch-panel-heading h3{font-size:20px}.batch-workspace-foot{padding:18px 16px;flex-direction:column;align-items:stretch}.batch-workspace-foot>.row{justify-content:flex-end;flex-wrap:wrap}.batch-run-row{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.batch-billing-card .revision-heading{flex-wrap:wrap;gap:12px}.batch-public-group{padding:14px}.batch-public-group>h4{font-size:17px}.batch-bill-buyer{padding:16px}.batch-workspace>.revision-heading{flex-wrap:wrap;gap:12px}}

/* Search only hides packing choices; checked items remain part of the package. */
.packing-items [data-packing-option][hidden],.packing-items [data-packing-item-empty][hidden]{display:none!important}
.packing-items{max-height:none;overflow:visible;}
.packing-item-options{display:flex;flex-direction:column;gap:14px;flex:0 0 auto;min-height:0;max-height:min(42dvh,320px);overflow-y:auto;overscroll-behavior:contain;}
.packing-items [data-packing-item-status]{margin:10px 0;}
.packing-items .packing-payment{display:inline-flex;align-items:flex-start;gap:6px;margin-top:8px;padding:5px 8px;border-radius:8px;font-size:12px;font-weight:700;line-height:1.5;max-width:100%;}
.packing-payment svg,.packing-payment-notice svg{flex-shrink:0;margin-top:2px;}
.packing-payment--unpaid{color:#93263f;background:#ffe3e9;}
.packing-payment--paid{color:#205c46;background:#e1f4e9;}
.packing-payment--review,.packing-payment--unknown{color:#775116;background:#fff0cb;}
.packing-payment-notice{padding:12px 14px;border:1px solid #dc9caa;border-radius:12px;background:#fff0f3;color:#82233b;font-size:12px;line-height:1.6;overflow-wrap:anywhere;}
.packing-payment-notice strong{display:flex;align-items:flex-start;gap:7px;}
.packing-payment-notice p{margin:6px 0 0;}