.hidden{display:none!important}
.results{display:none}.results.visible{display:block}
/* Split the Check - check page - V4.18.3 */
:root{--stc-blue:#0a84ff;--stc-blue-dark:#0877e6;--stc-text:#111827;--stc-muted:#6b7280;--stc-line:#e2e8f0;--stc-soft:#f8fafc;--stc-good:#166534;--stc-good-bg:#ecfdf3;--stc-warn:#92400e;--stc-warn-bg:#fffbeb;--stc-bad:#991b1b;--stc-bad-bg:#fef2f2}
body{background:#f5f5f7;color:var(--stc-text)}
.check-page{width:min(100% - 28px,1120px);margin:0 auto;padding:18px 0 52px}
.production-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}
.production-brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:500;white-space:nowrap}.production-brand strong{font-weight:850}.production-brand-mark{position:relative;width:40px;height:40px;border-radius:13px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 16px rgba(15,23,42,.06);display:block}.production-brand-mark i{position:absolute;top:9px;width:11px;height:22px;border:2px solid #111827;border-radius:3px}.production-brand-mark i:first-child{left:8px;transform:skewY(-5deg)}.production-brand-mark i:last-child{right:8px;transform:skewY(5deg)}
.production-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.production-header-actions #saveBtn{background:var(--stc-blue);border-color:var(--stc-blue);color:#fff}.production-header-actions #saveBtn:hover{background:var(--stc-blue-dark);border-color:var(--stc-blue-dark)}
.account-line{min-height:18px;text-align:right;margin:0 3px 9px;color:var(--stc-muted);font-size:12px}
.section-heading-row,.results-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-heading-row h2,.results-heading-row h2{margin:0}.section-help{margin:5px 0 0;color:var(--stc-muted);font-size:13px;line-height:1.45}
.receipt-upload-box{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:16px;border:1.5px dashed #cbd5e1;border-radius:16px;background:#fbfdff}.receipt-upload-copy{display:flex;align-items:center;gap:12px;min-width:0}.receipt-upload-icon{width:44px;height:44px;border-radius:13px;background:#eaf4ff;color:#0969da;display:grid;place-items:center;font-size:24px;font-weight:800;flex:0 0 auto}.receipt-upload-title{font-weight:800}.receipt-upload-help{margin-top:3px;color:var(--stc-muted);font-size:12px}.receipt-upload-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.receipt-working{margin-top:14px;padding:13px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.receipt-working-row{display:flex;justify-content:space-between;gap:10px;color:#1e3a5f;font-size:12px;font-weight:750}.receipt-progress{height:7px;margin-top:9px;background:#dbeafe;border-radius:999px;overflow:hidden}.receipt-progress span{display:block;width:0;height:100%;background:var(--stc-blue);border-radius:inherit;transition:width .25s ease}.receipt-status{margin-top:12px;padding:0;color:var(--stc-muted);font-size:13px}.receipt-status:empty{display:none}.receipt-status.success{padding:11px 12px;border-radius:12px;background:var(--stc-good-bg);color:var(--stc-good)}.receipt-status.warn{padding:11px 12px;border-radius:12px;background:var(--stc-warn-bg);color:var(--stc-warn)}.receipt-status.error{padding:11px 12px;border-radius:12px;background:var(--stc-bad-bg);color:var(--stc-bad)}
.receipt-preview{margin-top:14px;padding:13px;border:1px solid var(--stc-line);border-radius:15px;background:#fff;display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center}.receipt-preview[hidden]{display:none}.receipt-image-wrap{height:132px;border-radius:11px;overflow:hidden;background:#f3f4f6;display:grid;place-items:center}.receipt-image-wrap img{width:100%;height:100%;object-fit:cover}.receipt-pdf-badge{font-weight:850;text-align:center;color:#334155}.receipt-file-name{font-weight:800;word-break:break-word}.receipt-preview-meta{margin-top:5px;color:var(--stc-muted);font-size:12px;line-height:1.45}.receipt-preview-badge{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:999px;background:#eaf4ff;color:#0969da;font-size:11px;font-weight:750}.receipt-preview-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.receipt-preview-actions button{font-size:12px}
.receipt-details{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:12px}.receipt-details[hidden]{display:none}.receipt-detail{padding:11px 12px;border:1px solid var(--stc-line);border-radius:12px;background:#fff;min-width:0}.receipt-detail span{display:block;color:var(--stc-muted);font-size:11px}.receipt-detail strong{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.connection-picker{position:relative}.connection-search-shell{position:relative}.connection-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.connection-search-shell input{padding-left:34px}.connection-results{position:absolute;z-index:20;left:0;right:0;top:100%;margin-top:6px;padding:6px;border:1px solid var(--stc-line);border-radius:13px;background:#fff;box-shadow:0 16px 36px rgba(15,23,42,.12)}.connection-results[hidden]{display:none}.connection-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.connection-result:hover{background:#f8fafc}.connection-result-main{display:flex;flex-direction:column;gap:2px}.connection-result-name{font-weight:750}.connection-result-user,.connection-empty{color:var(--stc-muted);font-size:12px}.connection-result-add{color:#0969da;font-weight:750;font-size:12px}.connection-empty{padding:10px}.connection-guest-note{margin-top:8px;padding:9px 10px;border-radius:10px;background:#f8fafc;color:var(--stc-muted);font-size:12px}
.check-person-chips{margin-top:12px}.chip-you{border-color:#bfdbfe!important;background:#eff6ff!important}.check-divider{display:flex;align-items:center;gap:10px;margin:15px 0 11px;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.check-divider:before,.check-divider:after{content:"";height:1px;background:#e5e7eb;flex:1}.guest-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.manual-item-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,1fr);gap:12px}.item-assignment-label{margin-top:14px}
.editable-item-list{display:grid;gap:11px;margin-top:16px}.editable-item{padding:13px;border:1px solid var(--stc-line);border-radius:14px;background:#fff}.editable-item-top{display:grid;grid-template-columns:minmax(0,1fr) 148px 128px 34px;gap:9px;align-items:center}.editable-item-name,.editable-item-amount{min-width:0}.editable-item-remove{width:34px;height:34px;padding:0;border:0;background:transparent;color:#94a3b8;font-size:22px;cursor:pointer}.item-qty{display:grid;grid-template-columns:34px minmax(44px,1fr) 34px;border:1px solid #dbe1e8;border-radius:10px;overflow:hidden}.item-qty button{border:0;border-radius:0;background:#f8fafc;padding:8px 0;font-weight:850}.item-qty input{border:0;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0;padding:8px 4px;text-align:center}.editable-item-subline{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:7px}.item-source-badge,.item-unit-badge{padding:4px 7px;border-radius:999px;background:#eaf4ff;color:#0969da;font-size:10px;font-weight:750}.item-needs-assignment{padding:4px 7px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:10px;font-weight:750}.item-assignment-title{margin-top:11px;color:#475569;font-size:11px;font-weight:700}.item-person-picks{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:7px}.item-person-pick{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #dbe1e8;border-radius:999px;font-size:12px}.item-person-pick input{width:auto}.everyone-button{border:0;background:transparent;color:#0969da;font-size:12px;font-weight:750;cursor:pointer}
.check-charges{grid-template-columns:repeat(4,minmax(0,1fr))}.calculate-card{display:flex;align-items:center;gap:12px}.calculate-button{flex:1;min-height:48px}.calculate-saved{padding:10px 12px;border-radius:10px;background:var(--stc-good-bg);color:var(--stc-good);font-size:12px}
.auth-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px}.auth-modal[hidden]{display:none}.auth-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45);backdrop-filter:blur(3px)}.auth-modal-card{position:relative;z-index:1;width:min(100%,430px);padding:24px;border-radius:20px;background:#fff;box-shadow:0 28px 70px rgba(15,23,42,.25)}.auth-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;background:transparent;font-size:25px;color:#64748b;cursor:pointer}.auth-mini-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eef6ff;color:#0969da;font-size:28px;font-weight:850}.auth-modal-card h2{margin:12px 0 6px}.auth-subtitle{margin:0 0 16px;color:var(--stc-muted);font-size:13px;line-height:1.45}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;border-radius:11px;background:#f1f5f9}.auth-switch button{border:0;background:transparent;padding:9px;border-radius:8px;font-weight:750;color:#64748b}.auth-switch button.active{background:#fff;color:#111827;box-shadow:0 1px 4px rgba(15,23,42,.08)}.auth-modal-card form{display:grid;gap:11px}.auth-modal-card .message{margin-top:10px}
@media(max-width:760px){.production-header{align-items:flex-start}.production-header-actions{gap:6px}.production-header-actions button{font-size:13px;padding-left:10px;padding-right:10px}.receipt-upload-box{align-items:stretch;flex-direction:column}.receipt-upload-actions button{flex:1}.receipt-details{grid-template-columns:1fr 1fr}.receipt-detail:first-child{grid-column:1/-1}.manual-item-grid{grid-template-columns:1fr}.editable-item-top{grid-template-columns:minmax(0,1fr) 128px 34px}.editable-item-name{grid-column:1/-1}.item-qty{grid-column:1}.editable-item-amount{grid-column:2}.editable-item-remove{grid-column:3}.check-charges{grid-template-columns:1fr 1fr}.calculate-card{align-items:stretch;flex-direction:column}}
@media(max-width:520px){.check-page{width:min(100% - 18px,1120px);padding-top:10px}.production-header{flex-direction:column}.production-header-actions{width:100%;justify-content:stretch}.production-header-actions button{flex:1}.account-line{text-align:left}.production-brand{font-size:20px}.receipt-preview{grid-template-columns:88px minmax(0,1fr)}.receipt-image-wrap{height:110px}.receipt-details,.check-charges{grid-template-columns:1fr}.receipt-detail:first-child{grid-column:auto}.guest-row{grid-template-columns:1fr}.guest-row button{width:100%}.editable-item-top{grid-template-columns:112px minmax(90px,1fr) 32px}.auth-modal-card{padding:20px}}


/* UI polish pass - keeps receipt engine V4.18.3 */
.production-brand{display:block;min-width:0;text-decoration:none}.production-brand-logo{display:block;width:min(220px,34vw);height:auto;max-height:58px;object-fit:contain;object-position:left center}.production-brand-mark{display:none!important}
.production-header-actions [hidden]{display:none!important}
#checkDetailsCard[hidden]{display:none!important}

.receipt-card .section-help{max-width:680px}.receipt-preview{position:relative;padding-right:52px}.receipt-preview-badge{font-weight:800}.receipt-more-menu{position:absolute;right:12px;top:10px;z-index:8}.receipt-more-menu summary{list-style:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#64748b;font-size:18px;font-weight:900;cursor:pointer;user-select:none}.receipt-more-menu summary::-webkit-details-marker{display:none}.receipt-more-menu summary:hover,.receipt-more-menu[open] summary{background:#f1f5f9;color:#111827}.receipt-more-panel{position:absolute;right:0;top:39px;min-width:170px;padding:6px;border:1px solid var(--stc-line);border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.14)}.receipt-more-panel button{width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:12px;font-weight:700;color:#334155;cursor:pointer}.receipt-more-panel button:hover:not(:disabled){background:#f8fafc}.receipt-more-panel button:disabled{color:#94a3b8;cursor:not-allowed}

.people-add-picker{margin-bottom:16px}.check-person-chips{margin-top:0;padding-top:2px}.connection-result-guest{border-top:1px solid #eef2f7;margin-top:3px;padding-top:11px}.connection-results{max-height:310px;overflow:auto}.connection-search-shell input{min-height:46px}.connection-guest-note,.check-divider,.guest-row{display:none!important}

.manual-item-entry{grid-template-columns:minmax(0,2.2fr) 150px 170px auto;align-items:end;gap:12px}.manual-item-entry>div{min-width:0}.manual-qty{display:grid;grid-template-columns:38px minmax(48px,1fr) 38px;border:1px solid #dbe1e8;border-radius:10px;overflow:hidden;background:#fff}.manual-qty button{border:0;border-radius:0;background:#f8fafc;padding:10px 0;font-weight:850;cursor:pointer}.manual-qty input{width:100%;border:0;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-radius:0;padding:10px 4px;text-align:center;min-height:42px}.manual-add-spacer{visibility:hidden}.manual-add-button{min-height:44px;white-space:nowrap}.manual-assignment-block{margin-top:18px;padding-top:3px}.manual-assignment-block .people-select{margin-top:8px}.editable-item-list{margin-top:20px}

.check-charges input,.check-charges select{width:100%;min-height:44px;box-sizing:border-box;border:1px solid #dbe1e8;border-radius:10px;background:#fff;color:#111827;padding:10px 12px;font:inherit}.check-charges select{appearance:auto}.check-charges>div{min-width:0}

.item-source-badge{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-brand-logo{display:block;width:165px;height:auto;max-height:52px;object-fit:contain;object-position:left center;margin-bottom:10px}

@media(max-width:900px){.manual-item-entry{grid-template-columns:minmax(0,1fr) 130px 150px}.manual-item-name-field{grid-column:1/-1}.manual-item-add-field{grid-column:3}.manual-item-qty-field{grid-column:1}.manual-item-amount-field{grid-column:2}}
@media(max-width:760px){.production-brand-logo{width:190px;max-width:52vw}.manual-item-entry{grid-template-columns:118px minmax(120px,1fr) auto}.manual-item-name-field{grid-column:1/-1}.manual-item-qty-field{grid-column:1}.manual-item-amount-field{grid-column:2}.manual-item-add-field{grid-column:3}.receipt-preview{padding-right:46px}}
@media(max-width:520px){.production-brand-logo{width:180px;max-width:72vw}.manual-item-entry{grid-template-columns:112px minmax(0,1fr)}.manual-item-name-field{grid-column:1/-1}.manual-item-qty-field{grid-column:1}.manual-item-amount-field{grid-column:2}.manual-item-add-field{grid-column:1/-1}.manual-add-spacer{display:none}.manual-add-button{width:100%;margin-top:2px}.receipt-preview{padding-right:44px}}


/* UI polish pass 2 */
/* Compact logo in the upper-left. Keep its natural aspect ratio. */
.production-brand{display:flex;align-items:center;min-height:42px}
.production-brand-logo{width:auto!important;height:38px!important;max-width:142px!important;max-height:38px!important;object-fit:contain;object-position:left center}
.auth-brand-logo{width:auto!important;height:42px!important;max-width:150px!important;max-height:42px!important}

/* Receipt overflow menu sits directly beside the uploaded filename. */
.receipt-preview{padding-right:13px}
.receipt-file-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.receipt-file-heading .receipt-file-name{min-width:0;flex:1}
.receipt-more-menu{position:relative;right:auto;top:auto;z-index:8;flex:0 0 auto}
.receipt-more-toggle{display:grid;place-items:center;width:32px;height:30px;padding:0;border:0;border-radius:9px;background:transparent;color:#64748b;font-size:18px;font-weight:900;line-height:1;letter-spacing:1px;cursor:pointer}
.receipt-more-toggle:hover,.receipt-more-toggle:focus-visible{background:#f1f5f9;color:#111827;outline:none}
.receipt-more-panel{right:0;top:34px}
.receipt-more-panel[hidden]{display:none!important}

/* People search now looks like the rest of the form fields. */
.connection-search-icon{display:none!important}
.connection-search-shell input{width:100%;min-height:44px;box-sizing:border-box;border:1px solid #dbe1e8;border-radius:10px;background:#fff;color:#111827;padding:10px 12px!important;font:inherit;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none}
.connection-search-shell input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(10,132,255,.10)}
.connection-search-shell input::-webkit-search-cancel-button{-webkit-appearance:none}

/* Quantity is a simple number field—no +/- button chrome. */
.manual-qty,.item-qty{display:block;border:0;border-radius:0;overflow:visible;background:transparent}
.manual-qty input,.item-qty input{width:100%;min-height:44px;box-sizing:border-box;border:1px solid #dbe1e8!important;border-radius:10px!important;background:#fff;padding:10px 12px!important;text-align:center;font:inherit;box-shadow:none}
.manual-qty input:focus,.item-qty input:focus{border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(10,132,255,.10)}
.manual-qty input::-webkit-inner-spin-button,.manual-qty input::-webkit-outer-spin-button,.item-qty input::-webkit-inner-spin-button,.item-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.manual-qty input,.item-qty input{-moz-appearance:textfield}

/* Fee Split uses the same field shell as the charge inputs. */
.select-field-shell{position:relative}
.select-field-shell select{width:100%;min-height:44px;box-sizing:border-box;border:1px solid #dbe1e8!important;border-radius:10px!important;background:#fff!important;color:#111827;padding:10px 36px 10px 12px!important;font:inherit;appearance:none!important;-webkit-appearance:none!important;box-shadow:none}
.select-field-shell:after{content:"⌄";position:absolute;right:13px;top:50%;transform:translateY(-56%);color:#64748b;font-size:16px;pointer-events:none}
.select-field-shell select:focus{border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(10,132,255,.10);outline:none}

/* Results are always visible, including a blank check with $0.00 totals. */
.results{display:block!important}
.results.visible{display:block!important}

@media(max-width:760px){.production-brand-logo{height:34px!important;max-height:34px!important;max-width:128px!important}.receipt-preview{padding-right:13px}}
@media(max-width:520px){.production-brand-logo{height:32px!important;max-height:32px!important;max-width:118px!important}.receipt-preview{padding-right:13px}}


/* UI polish pass 3 */
.production-header .production-brand{display:flex!important;align-items:center!important;min-height:30px!important}
.production-header .production-brand-logo{display:block!important;width:auto!important;height:24px!important;max-width:88px!important;max-height:24px!important;object-fit:contain!important;object-position:left center!important}

.receipt-file-heading{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;min-width:0}
.receipt-file-heading .receipt-file-name{flex:0 1 auto!important;min-width:0!important;max-width:min(100%,520px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.receipt-more-menu{flex:0 0 auto!important;position:relative!important;margin-left:1px!important}
.receipt-more-toggle{width:30px!important;height:28px!important;padding:0!important;border:0!important;background:transparent!important;font-size:17px!important;line-height:1!important;letter-spacing:0!important}

.quantity-select-shell{position:relative!important;display:grid!important;grid-template-columns:38px minmax(56px,1fr)!important;min-height:44px!important;border:1px solid #dbe1e8!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;box-sizing:border-box!important}
.quantity-select-cue{grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center!important;border-right:1px solid #e5e7eb!important;background:#f8fafc!important;color:#64748b!important;font-size:16px!important;font-weight:800!important;line-height:1!important;pointer-events:none!important;z-index:2!important}
.quantity-select-shell select{grid-column:1/-1!important;grid-row:1!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#111827!important;padding:0 10px 0 38px!important;font:inherit!important;font-weight:500!important;text-align:center!important;text-align-last:center!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important;outline:none!important;cursor:pointer!important;z-index:1!important}
.quantity-select-shell:focus-within{border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(10,132,255,.10)!important}
.manual-qty,.item-qty{border:1px solid #dbe1e8!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important}

#feeMode{display:block!important;width:100%!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;border:1px solid #dbe1e8!important;border-radius:10px!important;background-color:#fff!important;color:#111827!important;padding:10px 12px!important;font:inherit!important;line-height:1.2!important;box-shadow:none!important;outline:none!important;appearance:auto!important;-webkit-appearance:menulist!important}
#feeMode:focus{border-color:#93c5fd!important;box-shadow:0 0 0 3px rgba(10,132,255,.10)!important}
.select-field-shell{display:contents!important}

#resultsCard .actions{display:block!important;width:100%!important;margin-top:12px!important}
#startNewBtn{display:block!important;width:100%!important;box-sizing:border-box!important}

@media(max-width:760px){.production-header .production-brand-logo{height:22px!important;max-height:22px!important;max-width:80px!important}}
@media(max-width:520px){.production-header .production-brand-logo{height:21px!important;max-height:21px!important;max-width:76px!important}}


/* ================================================================
   CHECK UI FINAL OVERRIDES - UI4
   These rules intentionally come last and use high specificity so
   styles.css/default browser controls cannot override the check UI.
   ================================================================ */

/* Header logo: hard capped. */
.production-header .production-brand{
  width:132px!important;
  max-width:132px!important;
  height:42px!important;
  min-height:42px!important;
  overflow:hidden!important;
  flex:0 0 132px!important;
}
.production-header .production-brand-logo{
  display:block!important;
  width:132px!important;
  height:42px!important;
  max-width:132px!important;
  max-height:42px!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
}

/* Receipt debug: three dots live at upper-right of receipt preview. */
.receipt-preview{
  position:relative!important;
  padding-right:58px!important;
}
.receipt-file-heading{
  display:block!important;
  min-width:0!important;
}
.receipt-file-heading .receipt-file-name{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.receipt-preview > .receipt-more-menu{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  margin:0!important;
  z-index:20!important;
}
.receipt-more-toggle{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:34px!important;
  min-width:38px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#475569!important;
  font-size:19px!important;
  line-height:1!important;
  letter-spacing:1px!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.receipt-more-toggle:hover,.receipt-more-toggle:focus-visible{
  background:#f1f5f9!important;
  outline:none!important;
}

/* People search: identical visual language to check inputs. */
#peopleCard .people-add-picker,
#peopleCard .connection-search-shell{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
#peopleCard #peopleSearch{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:58px!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 18px!important;
  border:1px solid #d7dee7!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111827!important;
  font:inherit!important;
  font-size:16px!important;
  line-height:1!important;
  box-shadow:none!important;
  outline:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
#peopleCard #peopleSearch::placeholder{color:#9ca3af!important;opacity:1!important}
#peopleCard #peopleSearch:focus{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 3px rgba(10,132,255,.10)!important;
}

/* Quantity: return to the clean segmented - | value | + control. */
.qty-stepper{
  display:grid!important;
  grid-template-columns:42px minmax(54px,1fr) 42px!important;
  width:100%!important;
  min-width:138px!important;
  height:58px!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid #d7dee7!important;
  border-radius:16px!important;
  background:#fff!important;
}
.qty-stepper-button{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#f8fafc!important;
  color:#111827!important;
  font:inherit!important;
  font-size:18px!important;
  font-weight:750!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.qty-stepper-button:first-child{border-right:1px solid #e5e7eb!important}
.qty-stepper-button:last-child{border-left:1px solid #e5e7eb!important}
.qty-stepper-button:hover{background:#f1f5f9!important}
.qty-stepper-value{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 6px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111827!important;
  font:inherit!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1!important;
  text-align:center!important;
  box-shadow:none!important;
  outline:none!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}
.qty-stepper-value::-webkit-inner-spin-button,
.qty-stepper-value::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
.qty-stepper:focus-within{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 3px rgba(10,132,255,.10)!important;
}

/* Fee split: same box dimensions as Shared Fee, Tax, Tip. */
.check-charges > div{display:flex!important;flex-direction:column!important;min-width:0!important}
.fee-mode-shell{
  position:relative!important;
  width:100%!important;
  flex:1 1 auto!important;
}
.fee-mode-shell::after{
  content:"";
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  border-right:2px solid #64748b!important;
  border-bottom:2px solid #64748b!important;
  transform:translateY(-68%) rotate(45deg)!important;
  pointer-events:none!important;
}
#feeMode,
.check-charges #feeMode{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:58px!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 44px 0 18px!important;
  border:1px solid #d7dee7!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111827!important;
  font:inherit!important;
  font-size:16px!important;
  line-height:1!important;
  box-shadow:none!important;
  outline:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
}
#feeMode:focus{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 3px rgba(10,132,255,.10)!important;
}

/* Match the three neighboring money inputs to the same control height. */
.check-charges input[type="number"]{
  height:58px!important;
  min-height:58px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  border-color:#d7dee7!important;
  font-size:16px!important;
}

/* Start-new button stays full-width. */
#resultsCard .actions{display:block!important;width:100%!important;margin-top:14px!important}
#resultsCard #startNewBtn{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}

@media(max-width:760px){
  .production-header .production-brand{width:116px!important;max-width:116px!important;flex-basis:116px!important;height:38px!important;min-height:38px!important}
  .production-header .production-brand-logo{width:116px!important;height:38px!important;max-width:116px!important;max-height:38px!important}
  .qty-stepper{min-width:126px!important;grid-template-columns:38px minmax(48px,1fr) 38px!important}
}


/* ================================================================
   UI5 — receipt menu, item divider, and quantity control cleanup.
   ================================================================ */

/* Receipt options belong in the true upper-right corner of the receipt card. */
#receiptPreview.receipt-preview{
  position:relative!important;
  padding-right:64px!important;
  isolation:isolate!important;
}
#receiptPreview > .receipt-more-menu{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  bottom:auto!important;
  left:auto!important;
  width:38px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  z-index:50!important;
}
#receiptPreview .receipt-more-toggle{
  width:38px!important;
  height:34px!important;
  min-width:38px!important;
  min-height:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#475569!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:1px!important;
}

/* Add a quiet divider between the manual assignment area and imported items. */
#itemsCard .editable-item-list:not(:empty){
  margin-top:22px!important;
  padding-top:22px!important;
  border-top:1px solid #e2e8f0!important;
}

/* Clean segmented quantity control: minus | centered value | plus. */
.qty-stepper,
.manual-qty,
.item-qty{
  display:grid!important;
  grid-template-columns:40px minmax(48px,1fr) 40px!important;
  width:100%!important;
  min-width:128px!important;
  height:54px!important;
  min-height:54px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:1px solid #d7dee7!important;
  border-radius:14px!important;
  background:#fff!important;
}
.qty-stepper-button{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#f8fafc!important;
  color:#111827!important;
  font-family:inherit!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.qty-stepper-button:first-child{border-right:1px solid #e5e7eb!important}
.qty-stepper-button:last-child{border-left:1px solid #e5e7eb!important}
.qty-stepper-button:hover{background:#eef2f7!important}
.qty-stepper-value{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111827!important;
  font-family:inherit!important;
  font-size:17px!important;
  font-weight:650!important;
  line-height:54px!important;
  text-align:center!important;
  box-shadow:none!important;
  outline:none!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}
.qty-stepper-value::-webkit-inner-spin-button,
.qty-stepper-value::-webkit-outer-spin-button{
  -webkit-appearance:none!important;
  margin:0!important;
}
.qty-stepper:focus-within{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 3px rgba(10,132,255,.10)!important;
}

/* Keep manual quantity compact while remaining aligned with line total/add. */
.manual-item-qty-field{min-width:128px!important}
.editable-item-top .item-qty{min-width:128px!important;max-width:150px!important}

@media(max-width:760px){
  #receiptPreview.receipt-preview{padding-right:58px!important}
  #receiptPreview > .receipt-more-menu{top:14px!important;right:14px!important}
  .qty-stepper,.manual-qty,.item-qty{
    grid-template-columns:36px minmax(44px,1fr) 36px!important;
    min-width:116px!important;
    height:50px!important;
    min-height:50px!important;
  }
  .qty-stepper-value{line-height:50px!important}
}


/* ================================================================
   UI6 — cleaner manual-item controls, spinner quantities, medium logo.
   ================================================================ */

/* Deliberately medium header logo: neither oversized nor tiny. */
.production-header .production-brand{
  width:176px!important;
  max-width:176px!important;
  flex:0 0 176px!important;
  height:44px!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.production-header .production-brand-logo{
  display:block!important;
  width:176px!important;
  height:44px!important;
  max-width:176px!important;
  max-height:44px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* People starts directly with the search field. */
#peopleCard .people-add-picker{margin-top:12px!important}

/* Manual item layout: item name full-width, then three equal columns. */
#itemsCard .manual-item-entry{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:end!important;
}
#itemsCard .manual-item-name-field{grid-column:1/-1!important}
#itemsCard .manual-item-qty-field,
#itemsCard .manual-item-amount-field,
#itemsCard .manual-item-add-field{
  grid-column:auto!important;
  min-width:0!important;
}
#itemsCard .manual-item-qty-field > .label,
#itemsCard .manual-item-amount-field > .label,
#itemsCard .manual-item-add-field > .label{
  min-height:21px!important;
  display:block!important;
}

/* Equal control dimensions across Qty / Item Total / Add Item. */
#itemsCard .manual-qty,
#itemsCard #itemAmount,
#itemsCard #addItemBtn{
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
}
#itemsCard #itemAmount{
  padding:0 18px!important;
  font-size:18px!important;
  font-variant-numeric:tabular-nums!important;
}
#itemsCard #addItemBtn{
  margin:0!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
}

/* Quantity spinner: number field + stacked up/down arrows. Never a select. */
.qty-spinner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  overflow:hidden!important;
  border:1px solid #d7dde5!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.qty-spinner:focus-within{
  border-color:#93c5fd!important;
  box-shadow:0 0 0 3px rgba(10,132,255,.10)!important;
}
.qty-spinner-value{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#fff!important;
  padding:0 12px!important;
  text-align:center!important;
  font:inherit!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1!important;
  color:#0f172a!important;
  box-shadow:none!important;
  appearance:textfield!important;
}
.qty-spinner-arrows{
  display:grid!important;
  grid-template-rows:1fr 1fr!important;
  border-left:1px solid #e5e7eb!important;
  background:#f8fafc!important;
}
.qty-spinner-button{
  width:44px!important;
  min-width:44px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#f8fafc!important;
  color:#475569!important;
  font-size:9px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.qty-spinner-button:first-child{border-bottom:1px solid #e5e7eb!important}
.qty-spinner-button:hover{background:#eef2f7!important;color:#0f172a!important}

/* Imported item quantity is compact and uses the exact same spinner language. */
.editable-item-top .item-qty{
  min-width:116px!important;
  max-width:132px!important;
  height:52px!important;
  min-height:52px!important;
}
.editable-item-top .editable-item-amount{
  height:52px!important;
  min-height:52px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  font-variant-numeric:tabular-nums!important;
}

@media(max-width:760px){
  .production-header .production-brand{
    width:158px!important;max-width:158px!important;flex-basis:158px!important;height:40px!important;min-height:40px!important;
  }
  .production-header .production-brand-logo{
    width:158px!important;height:40px!important;max-width:158px!important;max-height:40px!important;
  }
  #itemsCard .manual-item-entry{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  #itemsCard .manual-qty,#itemsCard #itemAmount,#itemsCard #addItemBtn{height:52px!important;min-height:52px!important}
}

@media(max-width:520px){
  .production-header .production-brand{
    width:148px!important;max-width:148px!important;flex-basis:148px!important;height:38px!important;min-height:38px!important;
  }
  .production-header .production-brand-logo{
    width:148px!important;height:38px!important;max-width:148px!important;max-height:38px!important;
  }
  #itemsCard .manual-item-entry{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #itemsCard .manual-item-name-field{grid-column:1/-1!important}
  #itemsCard .manual-item-add-field{grid-column:1/-1!important}
  #itemsCard .manual-item-add-field .manual-add-spacer{display:none!important}
  #itemsCard #addItemBtn{margin-top:0!important}
}


/* ================================================================
   UI7 FINAL OVERRIDES
   - logo matches the other app pages
   - quantity arrows on the left
   - manual Item label removed
   - app version + copyright footer
   ================================================================ */

/* Match the established app-page logo sizing: 235px desktop / 180px mobile. */
.production-header .production-brand{
  display:flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:235px!important;
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
  overflow:visible!important;
}
.production-header .production-brand-logo{
  display:block!important;
  width:235px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
}

/* With the Item label removed, the name field should still feel intentional. */
#itemsCard .manual-item-name-field{
  grid-column:1/-1!important;
  margin:0!important;
}
#itemsCard #itemName{
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
}

/* Keep Qty / Item Total / Add Item truly equal in the manual-entry row. */
#itemsCard .manual-item-entry{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:end!important;
}
#itemsCard .manual-item-qty-field,
#itemsCard .manual-item-amount-field,
#itemsCard .manual-item-add-field{
  min-width:0!important;
  width:100%!important;
}
#itemsCard .manual-qty,
#itemsCard #itemAmount,
#itemsCard #addItemBtn{
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  box-sizing:border-box!important;
}

/* Quantity: compact stacked arrows LEFT, value on the right. No dropdown. */
.qty-spinner{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  overflow:hidden!important;
  border:1px solid #d7dde5!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.qty-spinner-arrows{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-rows:1fr 1fr!important;
  width:44px!important;
  height:100%!important;
  border-left:0!important;
  border-right:1px solid #e5e7eb!important;
  background:#f8fafc!important;
}
.qty-spinner-value{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#0f172a!important;
  text-align:center!important;
  font:inherit!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:none!important;
  outline:0!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}
.qty-spinner-button{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  min-width:44px!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#f8fafc!important;
  color:#475569!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
}
.qty-spinner-button:first-child{border-bottom:1px solid #e5e7eb!important}
.qty-spinner-button:hover{background:#eef2f7!important;color:#0f172a!important}

/* Imported item quantities use the same visual language, just more compact. */
.editable-item-top .item-qty{
  min-width:124px!important;
  max-width:140px!important;
  height:52px!important;
  min-height:52px!important;
}
.editable-item-top .item-qty .qty-spinner-arrows{
  width:40px!important;
}
.editable-item-top .item-qty .qty-spinner-button{
  width:40px!important;
  min-width:40px!important;
}
.editable-item-top .item-qty{
  grid-template-columns:40px minmax(0,1fr)!important;
}

/* Bottom-of-page application metadata. */
.production-footer{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  padding:26px 12px 6px!important;
  color:#8a9099!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.production-version{
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.production-copyright{
  font-weight:500!important;
}

@media(max-width:720px){
  .production-header .production-brand{
    max-width:180px!important;
  }
  .production-header .production-brand-logo{
    width:180px!important;
    max-width:100%!important;
    height:auto!important;
  }
  #itemsCard .manual-item-entry{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #itemsCard .manual-item-name-field{grid-column:1/-1!important}
  #itemsCard .manual-item-add-field{grid-column:1/-1!important}
  #itemsCard .manual-item-add-field .manual-add-spacer{display:none!important}
  #itemsCard #addItemBtn{margin-top:0!important}
}

@media(max-width:520px){
  .production-header .production-brand{max-width:180px!important}
  .production-header .production-brand-logo{width:180px!important;max-width:72vw!important;height:auto!important}
  #itemsCard #itemName,
  #itemsCard .manual-qty,
  #itemsCard #itemAmount,
  #itemsCard #addItemBtn{
    height:52px!important;
    min-height:52px!important;
  }
}

/* ================================================================
   UI8 FINAL OVERRIDES
   - previous spacing pass retained below
   - tighten Add an Item spacing to match the People card rhythm
   - preserve existing UI7 layout and quantity behavior
   ================================================================ */

/* Match the clean vertical rhythm of the People card. */
#itemsCard{
  padding-top:28px!important;
  padding-bottom:28px!important;
}
#itemsCard .section-heading-row{
  margin:0 0 20px!important;
}
#itemsCard .manual-item-entry{
  row-gap:18px!important;
  column-gap:14px!important;
  margin:0!important;
}
#itemsCard .manual-item-name-field{
  margin:0!important;
}
#itemsCard #itemName{
  margin:0!important;
}
#itemsCard .manual-item-qty-field > .label,
#itemsCard .manual-item-amount-field > .label,
#itemsCard .manual-item-add-field > .label{
  display:block!important;
  margin:0 0 9px!important;
  line-height:1.2!important;
}
#itemsCard .manual-assignment-block{
  margin:22px 0 0!important;
  padding:0!important;
}
#itemsCard .item-assignment-label{
  margin:0 0 11px!important;
  line-height:1.25!important;
}
#itemsCard .manual-assignment-block .people-select{
  margin:0!important;
}

/* Give the manual assignment buttons the same comfortable rhythm as People. */
#itemsCard .manual-assignment-block .people-select{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:12px!important;
}
#itemsCard .manual-assignment-block .people-select label,
#itemsCard .manual-assignment-block .people-select button{
  min-height:48px!important;
}

/* A single divider separates manual entry from the imported/editable list. */
#itemsCard .editable-item-list{
  margin-top:26px!important;
  padding-top:26px!important;
  border-top:1px solid #e2e8f0!important;
  gap:12px!important;
}
#itemsCard .editable-item-list:empty{
  margin-top:18px!important;
  padding-top:18px!important;
}

/* Keep imported item cards compact and consistent. */
#itemsCard .editable-item{
  padding:16px!important;
}
#itemsCard .editable-item-subline{
  margin-top:8px!important;
}
#itemsCard .item-assignment-title{
  margin-top:13px!important;
}
#itemsCard .item-person-picks{
  margin-top:8px!important;
}

/* Keep empty-state spacing from creating a second large visual gap. */
#itemsCard #itemsEmpty{
  margin-top:14px!important;
}

@media(max-width:720px){
  #itemsCard{
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
  #itemsCard .section-heading-row{margin-bottom:16px!important}
  #itemsCard .manual-item-entry{row-gap:14px!important;column-gap:10px!important}
  #itemsCard .manual-assignment-block{margin-top:18px!important}
  #itemsCard .editable-item-list{margin-top:22px!important;padding-top:22px!important}
}


/* ================================================================
   UI9 FINAL OVERRIDES - carried forward into v1.4.19
   - account bubble on Check page with Save Progress below
   - uploaded receipt opens in-browser
   - shared footer/navigation styling handled by site-shell.css
   ================================================================ */
.production-header{
  align-items:flex-start!important;
}
.check-header-account-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  margin-top:2px!important;
}
.check-header-account-stack .profile-menu{
  margin:0!important;
}
.check-header-account-stack .check-header-save{
  min-width:142px!important;
  min-height:42px!important;
  padding:10px 16px!important;
  border-radius:12px!important;
}
.check-auth-bridge{
  display:none!important;
}
.receipt-image-wrap[href]{
  text-decoration:none!important;
  color:inherit!important;
  cursor:zoom-in!important;
  outline:none!important;
  transition:box-shadow .14s ease,transform .14s ease!important;
}
.receipt-image-wrap[href]:hover{
  box-shadow:0 0 0 3px rgba(10,132,255,.12)!important;
}
.receipt-image-wrap[href]:focus-visible{
  box-shadow:0 0 0 3px rgba(10,132,255,.22)!important;
}
@media(max-width:520px){
  .production-header{
    flex-direction:row!important;
    align-items:flex-start!important;
  }
  .check-header-account-stack{
    align-items:flex-end!important;
    gap:7px!important;
  }
  .check-header-account-stack .profile-menu-name{
    max-width:92px!important;
  }
  .check-header-account-stack .check-header-save{
    min-width:126px!important;
    font-size:13px!important;
  }
}

/* =========================================================
   UI11 - v1.4.20 receipt presentation + delete controls
   ========================================================= */
#receiptPreview.receipt-preview{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  margin-top:16px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#receiptPreview .receipt-preview-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  padding:16px 54px 16px 16px!important;
  border:1px solid var(--stc-line)!important;
  border-radius:14px!important;
  background:#fff!important;
}

#receiptPreview .receipt-preview-card .receipt-image-wrap{
  width:112px!important;
  height:132px!important;
  min-width:112px!important;
  max-width:112px!important;
  border-radius:11px!important;
  overflow:hidden!important;
  background:#f3f4f6!important;
  display:grid!important;
  place-items:center!important;
}

#receiptPreview .receipt-preview-card .receipt-image-wrap img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#receiptPreview .receipt-preview-copy{
  min-width:0!important;
}

#receiptPreview .receipt-preview-eyebrow{
  margin:0 0 4px!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

#receiptPreview .receipt-file-name{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.3!important;
}

#receiptPreview .receipt-preview-meta{
  margin-top:5px!important;
  color:var(--stc-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

#receiptPreview .receipt-preview-badge{
  display:inline-flex!important;
  width:max-content!important;
  margin-top:8px!important;
}

#receiptPreview .receipt-preview-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:12px!important;
}

#receiptPreview .receipt-preview-actions button{
  min-height:38px!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:700!important;
}

#receiptPreview .receipt-delete-button{
  background:#fff0ef!important;
  color:#c0392b!important;
}

#receiptPreview .receipt-delete-button:hover{
  background:#ffe3e0!important;
}

#receiptPreview .receipt-preview-card > .receipt-more-menu{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  margin:0!important;
  z-index:8!important;
}

#receiptPreview .receipt-more-toggle{
  width:32px!important;
  height:30px!important;
}

#receiptPreview .receipt-more-panel{
  top:36px!important;
  right:0!important;
}

#receiptPreview .receipt-image-wrap[href]{
  cursor:zoom-in!important;
  text-decoration:none!important;
  color:inherit!important;
}

#receiptPreview .receipt-image-wrap[href]:focus-visible{
  outline:3px solid rgba(10,132,255,.25)!important;
  outline-offset:2px!important;
}

@media(max-width:600px){
  #receiptPreview .receipt-preview-card{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:12px!important;
    padding:14px 46px 14px 14px!important;
  }
  #receiptPreview .receipt-preview-card .receipt-image-wrap{
    width:88px!important;
    height:110px!important;
    min-width:88px!important;
    max-width:88px!important;
  }
  #receiptPreview .receipt-preview-actions{
    gap:6px!important;
  }
  #receiptPreview .receipt-preview-actions button{
    padding:8px 10px!important;
  }
}

@media(max-width:430px){
  #receiptPreview .receipt-preview-card{
    grid-template-columns:76px minmax(0,1fr)!important;
    padding-right:42px!important;
  }
  #receiptPreview .receipt-preview-card .receipt-image-wrap{
    width:76px!important;
    height:96px!important;
    min-width:76px!important;
    max-width:76px!important;
  }
  #receiptPreview .receipt-preview-actions button{
    flex:1 1 auto!important;
  }
}



.check-save-message-slot #saveMessage{
  width:100%;
  margin:0;
}
.check-name-help{
  margin:6px 2px 0;
  color:var(--stc-muted);
  font-size:12px;
  line-height:1.4;
}
#checkName:invalid:not(:placeholder-shown){
  border-color:#ef4444;
}


/* =========================================================
   UI13 - v1.4.22 save toast + remaining split
   ========================================================= */
.receipt-card{position:relative}
#saveMessage.check-save-toast{
  position:absolute;
  top:14px;
  right:16px;
  z-index:25;
  width:auto;
  max-width:min(390px,calc(100% - 32px));
  margin:0!important;
  box-shadow:0 10px 28px rgba(15,23,42,.14);
  pointer-events:none;
}
#saveMessage.check-save-toast.message.visible{
  display:block;
}
.remaining-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:14px;
  padding:13px 0 9px;
  border-top:1px solid var(--stc-line);
  font-size:13px;
  font-weight:750;
}
.remaining-total strong{font-size:15px}
.remaining-total.remaining-clear{color:#9aa1aa}
.remaining-total.remaining-open{color:#c62828}
#resultsCard .remaining-total + .grand-total{margin-top:0}
@media(max-width:520px){
  #saveMessage.check-save-toast{top:10px;right:10px;max-width:calc(100% - 20px)}
}

/* =========================================================
   UI14 - v1.4.23 compact save toast + tighter results footer
   ========================================================= */
#saveMessage.check-save-toast{
  top:12px!important;
  right:14px!important;
  display:none;
  width:auto!important;
  max-width:280px!important;
  min-height:0!important;
  padding:7px 10px!important;
  border-radius:9px!important;
  font-size:11px!important;
  line-height:1.25!important;
  box-shadow:0 7px 18px rgba(15,23,42,.12)!important;
}
#saveMessage.check-save-toast.message.visible{display:inline-flex!important;align-items:center!important}
#saveMessage.check-save-toast.success{
  max-width:110px!important;
  white-space:nowrap!important;
}
#resultsCard .remaining-total{
  margin-top:6px!important;
  padding:8px 0 3px!important;
  line-height:1.2!important;
}
#resultsCard .remaining-total strong{font-size:14px!important}
#resultsCard .grand-total{
  margin-top:0!important;
  padding-top:5px!important;
  padding-bottom:2px!important;
}
#resultsCard #checkStatus{margin-top:4px!important}
#resultsCard .actions{margin-top:8px!important}
@media(max-width:520px){
  #saveMessage.check-save-toast{top:9px!important;right:9px!important;max-width:240px!important}
}


/* =========================================================
   UI15 - v1.4.24 receipt save state + result overrides
   ========================================================= */
.receipt-heading-row{align-items:flex-start!important}
.check-receipt-save{
  position:relative;
  isolation:isolate;
  flex:0 0 auto;
  min-width:116px;
  min-height:36px;
  padding:0 13px;
  overflow:hidden;
  border:0;
  border-radius:10px;
  font-size:12px;
  font-weight:800;
  color:#fff;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,opacity .15s ease;
}
.check-receipt-save.save-idle{background:#e5e7eb;color:#6b7280}
.check-receipt-save.save-dirty{background:var(--stc-blue);color:#fff}
.check-receipt-save.save-saving{background:#6aaeff;color:#fff;cursor:wait}
.check-receipt-save.save-saved{
  color:#fff;
  background-image:linear-gradient(to right,#dfe3e8 0%,#dfe3e8 50%,#22a447 50%,#22a447 100%);
  background-size:200% 100%;
  background-position:100% 0;
  animation:saveGreenToGray 5s linear forwards;
}
@keyframes saveGreenToGray{from{background-position:100% 0}to{background-position:0 0}}
.check-receipt-save:disabled{opacity:.8}
#saveMessage.check-save-toast{top:56px!important;right:14px!important}
.charge-money-input{font-variant-numeric:tabular-nums}
.fee-mode-shell::after{transition:transform .15s ease,border-color .15s ease}
.fee-mode-shell:focus-within::after{border-color:#0a84ff!important;transform:translateY(-42%) rotate(225deg)!important}
.results-edit-input{
  width:100%;
  min-width:54px;
  height:30px;
  padding:2px 4px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:12px;
  text-align:right;
  font-variant-numeric:tabular-nums;
  outline:none;
  box-shadow:none;
}
.results-edit-input:hover{background:#f8fafc}
.results-edit-input:focus{border-color:#bfdbfe;background:#fff;box-shadow:0 0 0 2px rgba(10,132,255,.08)}
.results-override-remaining td{
  padding-top:4px!important;
  padding-bottom:7px!important;
  border-bottom:1px solid var(--stc-line)!important;
  color:#c62828!important;
  font-size:10px!important;
  font-weight:750!important;
  text-transform:none!important;
}
.results-override-remaining td:first-child{color:#8a9099!important}
.results-override-remaining[hidden]{display:none!important}
@media(max-width:520px){
  .receipt-heading-row{gap:10px!important}
  .check-receipt-save{min-width:104px;min-height:34px;padding:0 10px;font-size:11px}
  #saveMessage.check-save-toast{top:52px!important;right:9px!important}
}

/* =========================================================
   UI16 - v1.4.25 compact items, collapsible manual add,
   matched shared-charge controls, discreet result overrides
   ========================================================= */

/* Manual add is now its own collapsible card. */
#manualAddCard{
  padding:0!important;
  overflow:hidden!important;
}
#manualAddCard > summary{
  list-style:none!important;
}
#manualAddCard > summary::-webkit-details-marker{display:none!important}
.manual-add-summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:70px!important;
  padding:0 24px!important;
  cursor:pointer!important;
  font-size:21px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  user-select:none!important;
}
.manual-add-summary:hover{background:#fbfcfd!important}
.manual-add-summary-chevron{
  width:10px!important;
  height:10px!important;
  border-right:2px solid #64748b!important;
  border-bottom:2px solid #64748b!important;
  transform:rotate(45deg)!important;
  transition:transform .16s ease!important;
}
#manualAddCard[open] .manual-add-summary-chevron{transform:rotate(225deg)!important}
.manual-add-content{
  padding:0 24px 24px!important;
  border-top:1px solid #eef0f3!important;
}
#manualAddCard .manual-item-entry{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr)!important;
  gap:14px!important;
  align-items:end!important;
  padding-top:20px!important;
}
#manualAddCard .manual-item-name-field{grid-column:1/-1!important}
#manualAddCard #itemName{height:58px!important;min-height:58px!important}
#manualAddCard .manual-qty,
#manualAddCard #itemAmount,
#manualAddCard #addItemBtn{height:58px!important;min-height:58px!important}
#manualAddCard .manual-assignment-block{margin:18px 0 0!important}
#manualAddCard .manual-assignment-block .people-select{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important;
  gap:10px!important;
  margin-top:8px!important;
}
#manualAddCard .manual-assignment-block .people-select label,
#manualAddCard .manual-assignment-block .people-select button{min-height:44px!important}

/* Items card is now only the item list, with tighter vertical rhythm. */
#itemsCard{padding-top:22px!important;padding-bottom:22px!important}
#itemsCard .items-heading-row{margin:0 0 12px!important}
#itemsCard .editable-item-list{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
  gap:9px!important;
}
#itemsCard .editable-item{
  padding:12px 13px!important;
  border-radius:13px!important;
}
#itemsCard .editable-item-top{
  grid-template-columns:minmax(0,1fr) 118px 116px 28px!important;
  gap:8px!important;
}
#itemsCard .editable-item-name{
  height:42px!important;
  min-height:42px!important;
  padding:0 4px!important;
  border-color:transparent!important;
  background:#fff!important;
  color:#0673e8!important;
  font-weight:800!important;
  box-shadow:none!important;
}
#itemsCard .editable-item-name:hover{background:#f8fbff!important}
#itemsCard .editable-item-name:focus{
  border-color:#bfdbfe!important;
  background:#fff!important;
  box-shadow:0 0 0 2px rgba(10,132,255,.07)!important;
}
#itemsCard .editable-item-top .item-qty{
  min-width:118px!important;
  max-width:118px!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:11px!important;
}
#itemsCard .editable-item-top .item-qty .qty-spinner-arrows{width:34px!important}
#itemsCard .editable-item-top .item-qty .qty-spinner-button{width:34px!important;min-width:34px!important}
#itemsCard .editable-item-top .item-qty{grid-template-columns:34px minmax(0,1fr)!important}
#itemsCard .editable-item-amount{
  height:42px!important;
  min-height:42px!important;
  border-radius:11px!important;
}
#itemsCard .editable-item-remove{width:28px!important;height:28px!important}
#itemsCard .editable-item-subline{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:22px!important;
  margin-top:4px!important;
}
#itemsCard .item-source-badge,
#itemsCard .item-unit-badge,
#itemsCard .item-needs-assignment{padding:3px 7px!important}
#itemsCard .item-needs-assignment{margin-left:auto!important}
#itemsCard .item-assignment-title{
  margin:5px 0 0!important;
  color:#64748b!important;
  font-size:10px!important;
}
#itemsCard .item-person-picks{
  gap:5px!important;
  margin-top:4px!important;
}
#itemsCard .item-person-pick{padding:4px 7px!important;font-size:11px!important}
#itemsCard .everyone-button{font-size:11px!important}

/* Shared charges: exact same control height, including Fee Split. */
.check-charges > div{align-self:stretch!important}
.check-charges .fee-mode-shell{
  height:58px!important;
  min-height:58px!important;
  flex:0 0 58px!important;
}
.check-charges #feeMode,
.check-charges .charge-money-input{
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
}
.check-charges #feeMode{padding-right:46px!important}
.fee-mode-shell::after{
  right:19px!important;
  width:9px!important;
  height:9px!important;
  border-width:0 2px 2px 0!important;
  transform:translateY(-67%) rotate(45deg)!important;
}
.fee-mode-shell:focus-within::after{transform:translateY(-38%) rotate(225deg)!important}

/* Editable result values blend into the white table until focused. */
.results-edit-input,
.results-edit-input:hover{
  border-color:transparent!important;
  background:#fff!important;
  box-shadow:none!important;
  cursor:text!important;
}
.results-edit-input:focus{
  border-color:#dbeafe!important;
  background:#fff!important;
  box-shadow:0 0 0 2px rgba(10,132,255,.06)!important;
}
.results-override-remaining td{padding-top:2px!important;padding-bottom:5px!important}

@media(max-width:720px){
  #manualAddCard .manual-item-entry{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #manualAddCard .manual-item-name-field{grid-column:1/-1!important}
  #manualAddCard .manual-item-add-field{grid-column:1/-1!important}
  #itemsCard .editable-item-top{grid-template-columns:108px minmax(92px,1fr) 28px!important}
  #itemsCard .editable-item-name{grid-column:1/-1!important}
  #itemsCard .item-qty{grid-column:1!important}
  #itemsCard .editable-item-amount{grid-column:2!important}
  #itemsCard .editable-item-remove{grid-column:3!important}
}
@media(max-width:520px){
  .manual-add-summary{min-height:62px!important;padding:0 18px!important;font-size:19px!important}
  .manual-add-content{padding:0 18px 18px!important}
}
#itemsCard .editable-item-list:not(:empty){margin-top:0!important;padding-top:0!important;border-top:0!important}
#itemsCard #itemsEmpty{margin-top:4px!important}

/* =========================================================
   UI17 - app v1.4.27 production refinements
   ========================================================= */

/* Guest receipt limits */
.guest-receipt-limit{
  margin-top:4px;
  color:#7a5a00;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
}
.guest-receipt-limit[hidden]{display:none!important}

/* Smaller search / entry controls. */
#peopleCard .people-search-input,
#manualAddCard #itemName{
  height:46px!important;
  min-height:46px!important;
  border-radius:13px!important;
  font-size:15px!important;
}
#peopleCard .connection-search-shell{min-height:46px!important}

/* Add an Item uses the same heading hierarchy as the other cards. */
#manualAddCard .manual-add-summary{
  min-height:54px!important;
  padding:0 20px!important;
  font-size:21px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}
#manualAddCard .manual-add-content{padding:0 20px 20px!important}
#manualAddCard .manual-item-entry{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px 12px!important;
  align-items:end!important;
}
#manualAddCard .manual-item-name-field{grid-column:1/-1!important}
#manualAddCard .manual-item-qty-field,
#manualAddCard .manual-item-amount-field,
#manualAddCard .manual-item-add-field{grid-column:auto!important;min-width:0!important}
#manualAddCard .manual-qty,
#manualAddCard #itemAmount,
#manualAddCard #addItemBtn{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  border-radius:12px!important;
}
#manualAddCard .manual-qty{min-width:0!important;grid-template-columns:34px minmax(0,1fr)!important}
#manualAddCard .manual-qty .qty-spinner-arrows,
#manualAddCard .manual-qty .qty-spinner-button{width:34px!important;min-width:34px!important}
#manualAddCard #itemAmount{font-size:15px!important}
#manualAddCard #addItemBtn{margin:0!important;padding:0 10px!important;font-size:14px!important}
#manualAddCard .manual-item-qty-field > .label,
#manualAddCard .manual-item-amount-field > .label,
#manualAddCard .manual-item-add-field > .label{margin-bottom:6px!important}
#manualAddCard .manual-assignment-block{margin-top:16px!important}
#manualAddCard .manual-assignment-block .people-select{
  display:grid!important;
  gap:7px!important;
  width:100%!important;
  align-items:stretch!important;
}
#manualAddCard .manual-assignment-block .people-select .person-option,
#manualAddCard .manual-assignment-block .people-select .person-option label{
  width:100%!important;
  min-width:0!important;
}
#manualAddCard .manual-assignment-block .people-select label{
  min-height:40px!important;
  justify-content:center!important;
  padding:0 8px!important;
}

/* Item cards: restore boxed black item name, put receipt source to the right, tighten assignment. */
#itemsCard .editable-item{padding:12px 13px!important}
#itemsCard .editable-item-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 118px 116px 28px!important;
  gap:8px!important;
  align-items:center!important;
}
#itemsCard .editable-item-name{
  height:42px!important;
  min-height:42px!important;
  padding:0 11px!important;
  border:1px solid #d7dee7!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#111827!important;
  font-weight:650!important;
  box-shadow:none!important;
}
#itemsCard .editable-item-name:hover{background:#fff!important;border-color:#cbd5e1!important}
#itemsCard .editable-item-name:focus{
  border-color:#93c5fd!important;
  background:#fff!important;
  box-shadow:0 0 0 2px rgba(10,132,255,.07)!important;
}
#itemsCard .editable-item-subline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:22px!important;
  margin-top:4px!important;
}
#itemsCard .editable-item-meta-left,
#itemsCard .editable-item-meta-right{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
#itemsCard .editable-item-meta-right{justify-content:flex-end!important}
#itemsCard .item-source-badge{
  max-width:260px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  background:#eef6ff!important;
  color:#0673e8!important;
  font-weight:800!important;
}
#itemsCard .item-needs-assignment{margin-left:0!important;white-space:nowrap!important}
#itemsCard .item-assignment-row{
  display:grid!important;
  grid-template-columns:132px minmax(0,1fr)!important;
  align-items:start!important;
  gap:8px!important;
  margin-top:5px!important;
}
#itemsCard .item-assignment-title{
  margin:6px 0 0!important;
  color:#64748b!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:750!important;
}
#itemsCard .item-person-picks{
  display:grid!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
  align-items:stretch!important;
}
#itemsCard .item-person-pick,
#itemsCard .everyone-button{
  width:100%!important;
  min-width:0!important;
  min-height:32px!important;
  justify-content:center!important;
  font-size:11px!important;
}

/* Fee Split must be exactly the same physical height as the neighboring charge fields. */
.check-charges .fee-mode-shell{
  display:block!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
}
.check-charges #feeMode,
.check-charges .charge-money-input{
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid #d7dee7!important;
  border-radius:16px!important;
  background:#fff!important;
}
.check-charges #feeMode{padding:0 46px 0 18px!important;line-height:58px!important}

/* Results: centered numeric columns, invisible editable boxes, only show red reconciliation when needed. */
#resultsCard .summary-table th:not(:first-child),
#resultsCard .summary-table td:not(:first-child){text-align:center!important}
#resultsCard .summary-table th:first-child,
#resultsCard .summary-table td:first-child{text-align:left!important}
#resultsCard .results-edit-input,
#resultsCard .results-edit-input:hover{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  margin:0 auto!important;
  padding:2px 3px!important;
  border-color:transparent!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:center!important;
}
#resultsCard .results-edit-input:focus{
  border-color:#dbeafe!important;
  background:#fff!important;
  box-shadow:0 0 0 2px rgba(10,132,255,.06)!important;
}
#resultsCard .summary-table.issue-items th:nth-child(2),
#resultsCard .summary-table.issue-percent th:nth-child(3),
#resultsCard .summary-table.issue-fee th:nth-child(4),
#resultsCard .summary-table.issue-tax th:nth-child(5),
#resultsCard .summary-table.issue-tip th:nth-child(6){
  color:#c62828!important;
  background:#fff6f6!important;
}
#resultsCard .results-override-remaining td{color:#c62828!important;text-align:center!important}
#resultsCard .result-issue-message{
  margin-top:5px!important;
  color:#c62828!important;
  font-weight:700!important;
}
#resultsCard .result-issue-message[hidden],
#resultsCard #checkStatus[hidden]{display:none!important}

/* Results Share menu. */
.results-share-wrap{position:relative;flex:0 0 auto}
.results-share-button{display:inline-flex;align-items:center;gap:7px;min-width:92px!important;justify-content:center}
.results-share-menu{
  position:absolute;
  z-index:60;
  top:calc(100% + 7px);
  right:0;
  width:210px;
  overflow:hidden;
  border:1px solid #dfe3e8;
  border-radius:12px;
  background:#fff;
  box-shadow:0 14px 32px rgba(15,23,42,.16);
}
.results-share-menu[hidden]{display:none!important}
.results-share-menu button{
  display:block;
  width:100%;
  min-height:42px;
  padding:0 13px;
  border:0;
  border-bottom:1px solid #eef0f2;
  background:#fff;
  color:#111827;
  text-align:left;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
.results-share-menu button:last-child{border-bottom:0}
.results-share-menu button:hover{background:#f5f7fa}

@media(max-width:720px){
  #manualAddCard .manual-item-entry{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #manualAddCard .manual-item-name-field{grid-column:1/-1!important}
  #manualAddCard .manual-item-add-field{grid-column:auto!important}
  #itemsCard .editable-item-top{grid-template-columns:108px minmax(92px,1fr) 28px!important}
  #itemsCard .editable-item-name{grid-column:1/-1!important}
  #itemsCard .item-qty{grid-column:1!important}
  #itemsCard .editable-item-amount{grid-column:2!important}
  #itemsCard .editable-item-remove{grid-column:3!important}
  #itemsCard .item-assignment-row{grid-template-columns:1fr!important;gap:4px!important}
  #itemsCard .item-assignment-title{margin:0!important}
}
@media(max-width:520px){
  #manualAddCard .manual-add-summary{min-height:52px!important;padding:0 16px!important;font-size:20px!important}
  #manualAddCard .manual-add-content{padding:0 16px 16px!important}
  #manualAddCard .manual-item-entry{gap:8px!important}
  #manualAddCard .manual-qty,
  #manualAddCard #itemAmount,
  #manualAddCard #addItemBtn{height:44px!important;min-height:44px!important;max-height:44px!important}
}
#manualAddCard .manual-item-entry{padding-top:14px!important}


/* =========================================================
   UI18 - app v1.4.27 compact manual row + item assignment polish
   ========================================================= */

/* Add an Item: Item | Qty | Item Total | Add Item on one line on desktop. */
#manualAddCard .manual-item-entry{
  grid-template-columns:minmax(300px,2.4fr) 108px minmax(150px,1fr) max-content!important;
  gap:10px!important;
  align-items:end!important;
}
#manualAddCard .manual-item-name-field,
#manualAddCard .manual-item-qty-field,
#manualAddCard .manual-item-amount-field,
#manualAddCard .manual-item-add-field{
  grid-column:auto!important;
  min-width:0!important;
}
#manualAddCard .manual-item-name-field{align-self:end!important}
#manualAddCard #itemName,
#manualAddCard .manual-qty,
#manualAddCard #itemAmount,
#manualAddCard #addItemBtn{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
}
#manualAddCard #addItemBtn{
  width:auto!important;
  min-width:104px!important;
  padding:0 16px!important;
  white-space:nowrap!important;
}
#manualAddCard .manual-item-qty-field > .label,
#manualAddCard .manual-item-amount-field > .label,
#manualAddCard .manual-item-add-field > .label{margin-bottom:5px!important}

/* One person stays at no more than one-third; larger groups top out at six across. */
#manualAddCard .people-select.single-person-grid .person-option{grid-column:1!important}
#itemsCard .item-person-picks.single-person-grid .item-person-pick{grid-column:1!important}

/* Item cards: assignment moves directly under the item row; source/status stack at right. */
#itemsCard .editable-item-lower{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(120px,auto)!important;
  gap:10px!important;
  align-items:start!important;
  margin-top:5px!important;
}
#itemsCard .item-assignment-row{
  display:block!important;
  margin:0!important;
}
#itemsCard .item-assignment-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:18px!important;
  margin:0 0 4px!important;
}
#itemsCard .item-assignment-title{
  margin:0!important;
  color:#475569!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:750!important;
}
#itemsCard .item-person-picks{
  margin:0!important;
  gap:5px!important;
}
#itemsCard .editable-item-meta-right{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:4px!important;
  padding-top:0!important;
}
#itemsCard .item-source-badge,
#itemsCard .item-needs-assignment{
  width:max-content!important;
  max-width:220px!important;
  margin:0!important;
  text-align:right!important;
}

@media(max-width:900px){
  #manualAddCard .manual-item-entry{
    grid-template-columns:minmax(220px,1.7fr) 104px minmax(130px,1fr) max-content!important;
  }
}
@media(max-width:720px){
  #manualAddCard .manual-item-entry{
    grid-template-columns:minmax(0,1fr) 104px minmax(130px,1fr)!important;
  }
  #manualAddCard .manual-item-name-field{grid-column:1/-1!important}
  #manualAddCard .manual-item-add-field{grid-column:3!important}
  #itemsCard .editable-item-lower{grid-template-columns:1fr!important}
  #itemsCard .editable-item-meta-right{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
  }
}
@media(max-width:520px){
  #manualAddCard .manual-item-entry{grid-template-columns:92px minmax(0,1fr) auto!important}
  #manualAddCard .manual-item-name-field{grid-column:1/-1!important}
  #manualAddCard .manual-item-qty-field{grid-column:1!important}
  #manualAddCard .manual-item-amount-field{grid-column:2!important}
  #manualAddCard .manual-item-add-field{grid-column:3!important}
  #manualAddCard #addItemBtn{min-width:92px!important;padding:0 12px!important}
}


/* =========================================================
   UI19 - app v1.4.28 assignment pills + tighter manual add
   ========================================================= */

/* Match Add an Item to the standard section-heading scale. */
#manualAddCard .manual-add-summary{
  min-height:50px!important;
  padding:0 20px!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}

/* Pull manual assignment directly toward the entry row. */
#manualAddCard .manual-add-content{padding-bottom:16px!important}
#manualAddCard .manual-assignment-block{
  margin-top:8px!important;
  padding-top:0!important;
}
#manualAddCard .item-assignment-label{margin-bottom:5px!important}
#manualAddCard .manual-assignment-block .people-select{margin-top:4px!important;gap:6px!important}

/* Shared person-pill visuals, centered with an optional profile image. */
.person-pill-avatar{
  display:inline-grid;
  place-items:center;
  flex:0 0 22px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#e8f2ff;
  color:#0878e8;
  font-size:9px;
  font-weight:850;
  line-height:1;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.person-pill-avatar.has-photo{color:transparent!important}
.person-pill-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.people-chip-label{display:inline-flex;align-items:center;gap:6px;min-width:0}

#manualAddCard .person-option{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #dbe1e8!important;
  border-radius:999px!important;
  background:#fff!important;
  transition:background .12s ease,border-color .12s ease,color .12s ease!important;
}
#manualAddCard .person-option.selected{
  border-color:#b9dbff!important;
  background:#eef6ff!important;
  color:#0969da!important;
}
#manualAddCard .person-option input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
#manualAddCard .person-option label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-height:36px!important;
  padding:0 10px!important;
  cursor:pointer!important;
  text-align:center!important;
}

/* Item cards: restaurant stays on the right; assignment gets the full width. */
#itemsCard .editable-item{padding:11px 12px!important}
#itemsCard .editable-item-meta-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-height:18px!important;
  margin:2px 2px 1px!important;
}
#itemsCard .editable-item-meta-row .item-unit-badge{margin-right:auto!important}
#itemsCard .editable-item-meta-row .item-source-badge{
  max-width:260px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#itemsCard .item-assignment-row{
  display:block!important;
  width:100%!important;
  margin-top:1px!important;
}
#itemsCard .item-assignment-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 4px!important;
}
#itemsCard .item-assignment-title{
  margin:0!important;
  font-size:10px!important;
  line-height:1.2!important;
}
#itemsCard .item-needs-assignment{
  flex:0 0 auto!important;
  margin:0!important;
  padding:3px 7px!important;
  white-space:nowrap!important;
}

/* Compact pill picker: white when unselected, light blue when selected. */
#itemsCard .item-person-picks{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  width:100%!important;
  margin:0!important;
}
#itemsCard .item-person-pick,
#itemsCard .everyone-button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:72px!important;
  min-height:32px!important;
  padding:0 10px!important;
  border:1px solid #dbe1e8!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#1f2937!important;
  font-size:11px!important;
  font-weight:650!important;
  cursor:pointer!important;
  transition:background .12s ease,border-color .12s ease,color .12s ease!important;
}
#itemsCard .item-person-pick.selected,
#itemsCard .everyone-button.selected{
  border-color:#b9dbff!important;
  background:#eef6ff!important;
  color:#0969da!important;
}
#itemsCard .item-person-pick input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
#itemsCard .item-person-pick label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  cursor:pointer!important;
}
#itemsCard .item-person-pick .person-pill-avatar{width:20px;height:20px;flex-basis:20px;font-size:8px}

/* No zero-value Remaining-to-Split row. */
#resultsCard #remainingSplitRow[hidden]{display:none!important}

@media(max-width:520px){
  #manualAddCard .manual-add-summary{font-size:18px!important;min-height:48px!important;padding:0 16px!important}
  #itemsCard .item-person-pick,#itemsCard .everyone-button{min-width:66px!important;padding:0 8px!important}
}


/* =========================================================
   UI20 - app v1.4.29 default-to-You + item/auth polish
   ========================================================= */

/* Add an Item heading should be identical to normal card h2 text. */
#manualAddCard .manual-add-summary{
  min-height:50px!important;
  padding:0 20px!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.2px!important;
}

/* Bring the manual assignment row closer to the entry controls. */
#manualAddCard .manual-assignment-block{
  margin-top:5px!important;
}
#manualAddCard .item-assignment-label{
  margin:0 0 4px!important;
}
#manualAddCard .manual-assignment-block .people-select{
  margin-top:2px!important;
}

/* Name-only people (You + manual guests) have no avatar bubble and stay centered. */
.person-pill-name{display:inline-block!important;text-align:center!important}
.people-chip-label.name-only,
#manualAddCard .person-option label.name-only,
#itemsCard .item-person-pick label.name-only{
  justify-content:center!important;
  gap:0!important;
}

/* Item metadata: Unit price immediately before the restaurant on the right. */
#itemsCard .editable-item-meta-row{
  justify-content:flex-end!important;
  gap:6px!important;
}
#itemsCard .editable-item-meta-row .item-unit-badge{
  margin-right:0!important;
  margin-left:auto!important;
  white-space:nowrap!important;
}
#itemsCard .editable-item-meta-row .item-source-badge{
  margin-left:0!important;
}

/* Needs assignment sits right beside the assignment label, not under the restaurant. */
#itemsCard .item-assignment-heading{
  justify-content:flex-start!important;
  gap:7px!important;
  margin-bottom:4px!important;
}
#itemsCard .item-needs-assignment{
  margin:0!important;
  flex:0 0 auto!important;
}

/* Smaller assignment pills, while still keeping labels readable. */
#itemsCard .item-person-pick,
#itemsCard .everyone-button{
  min-width:0!important;
  width:auto!important;
  min-height:31px!important;
  padding:0 10px!important;
}
#itemsCard .item-person-pick label{min-width:0!important}

/* Result problems are shown in the remaining cells/messages only, never in headers. */
#resultsCard .summary-table.issue-items th:nth-child(2),
#resultsCard .summary-table.issue-percent th:nth-child(3),
#resultsCard .summary-table.issue-fee th:nth-child(4),
#resultsCard .summary-table.issue-tax th:nth-child(5),
#resultsCard .summary-table.issue-tip th:nth-child(6){
  color:inherit!important;
  background:transparent!important;
}

/* Check-page login modal: larger left-aligned logo, aligned close button, no pre-toggle copy. */
.auth-modal-card{
  padding:24px!important;
}
.auth-brand-logo{
  display:block!important;
  width:205px!important;
  height:auto!important;
  max-width:72%!important;
  max-height:58px!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 0 18px 0!important;
}
.auth-close{
  top:24px!important;
  right:24px!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:10px!important;
  background:#f2f3f5!important;
  line-height:1!important;
}
.auth-modal-card #authTitle,
.auth-modal-card .auth-subtitle{
  display:none!important;
}
.auth-modal-card .auth-switch{margin-top:0!important}

@media(max-width:520px){
  #manualAddCard .manual-add-summary{
    min-height:48px!important;
    padding:0 16px!important;
    font-size:20px!important;
  }
  .auth-brand-logo{width:190px!important;max-width:72%!important}
  .auth-close{top:20px!important;right:20px!important}
}


/* =========================================================
   UI21 - app v1.4.30 item-row alignment polish
   ========================================================= */

/* Keep assignment controls directly beneath the item name while item metadata
   occupies the open space at the right of the same row. */
#itemsCard .editable-item-lower-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:start!important;
  margin-top:3px!important;
}
#itemsCard .editable-item-lower-row .item-assignment-row{
  min-width:0!important;
  margin:0!important;
}
#itemsCard .editable-item-lower-row .item-assignment-heading{
  margin:0 0 3px!important;
}
#itemsCard .editable-item-lower-row .item-person-picks{
  margin-top:0!important;
}
#itemsCard .editable-item-lower-row .editable-item-meta-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  align-self:start!important;
  gap:6px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
#itemsCard .editable-item-lower-row .item-unit-badge{
  margin:0!important;
}

/* Quantity value should use the same visual typography as the cost field. */
#itemsCard .item-qty .qty-spinner-value,
#itemsCard .editable-item-amount{
  font-family:inherit!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.2!important;
  font-variant-numeric:tabular-nums!important;
  color:#111827!important;
}

@media(max-width:720px){
  #itemsCard .editable-item-lower-row{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  #itemsCard .editable-item-lower-row .editable-item-meta-row{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
}


/* =========================================================
   UI22 PREVIEW - compact +/- quantity + manual people polish
   ========================================================= */

/* Manual assignment buttons: calm pills, centered, same selected treatment as item pills. */
#manualAddCard .manual-assignment-block{
  margin-top:4px!important;
}
#manualAddCard .manual-assignment-block .people-select{
  margin-top:3px!important;
  gap:7px!important;
  align-items:center!important;
}
#manualAddCard .person-option{
  min-width:0!important;
  min-height:34px!important;
  border:1px solid #dbe1e8!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#manualAddCard .person-option label{
  min-height:34px!important;
  padding:0 11px!important;
  justify-content:center!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:650!important;
}
#manualAddCard .person-option.selected{
  border-color:#b9dbff!important;
  background:#eef6ff!important;
}
#manualAddCard .person-option.selected label{
  color:#0969da!important;
}

/* All three manual entry fields share one type scale and control geometry. */
#manualAddCard #itemName,
#manualAddCard #itemQuantity,
#manualAddCard #itemAmount{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.2!important;
  font-variant-numeric:tabular-nums!important;
}
#manualAddCard #itemName,
#manualAddCard #itemAmount{
  padding-top:0!important;
  padding-bottom:0!important;
}

/* UI22 - app v1.4.31 quantity + manual assignment polish */
/* Every quantity control is a deliberately narrow − | number | + stepper. */
.qty-stepper,
#manualAddCard .manual-qty,
#itemsCard .item-qty{
  display:grid!important;
  grid-template-columns:28px minmax(42px,1fr) 28px!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  overflow:hidden!important;
  border:1px solid #d7dee7!important;
  border-radius:11px!important;
  background:#fff!important;
}
.qty-stepper .qty-spinner-value,
#manualAddCard .manual-qty .qty-spinner-value,
#itemsCard .item-qty .qty-spinner-value{
  display:block!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid #e5e7eb!important;
  border-right:1px solid #e5e7eb!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111827!important;
  text-align:center!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:42px!important;
  font-variant-numeric:tabular-nums!important;
  box-shadow:none!important;
}
.qty-stepper .qty-spinner-button,
#manualAddCard .manual-qty .qty-spinner-button,
#itemsCard .item-qty .qty-spinner-button{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  min-width:28px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#f8fafc!important;
  color:#475569!important;
  font-family:inherit!important;
  font-size:17px!important;
  font-weight:650!important;
  line-height:1!important;
  transition:background-color .12s ease,color .12s ease!important;
}
.qty-stepper .qty-spinner-button:hover,
#manualAddCard .manual-qty .qty-spinner-button:hover,
#itemsCard .item-qty .qty-spinner-button:hover{
  background:#f3f7fb!important;
  color:#1f2937!important;
}
.qty-stepper .qty-spinner-button.qty-pulse,
#manualAddCard .manual-qty .qty-spinner-button.qty-pulse,
#itemsCard .item-qty .qty-spinner-button.qty-pulse{
  background:#eaf4ff!important;
  color:#0a84ff!important;
  transition:none!important;
}

/* Replace the old stacked-arrow width assumptions. */
#itemsCard .editable-item-top{
  grid-template-columns:minmax(0,1fr) 104px 116px 28px!important;
}
#manualAddCard .manual-item-entry{
  grid-template-columns:minmax(300px,2.4fr) 104px minmax(150px,1fr) max-content!important;
}

@media(max-width:720px){
  #manualAddCard .manual-item-entry{grid-template-columns:minmax(0,1fr) 104px minmax(130px,1fr)!important}
  #itemsCard .editable-item-top{grid-template-columns:104px minmax(92px,1fr) 28px!important}
}

/* =========================================================
   UI23 - app v1.4.32 quantity + manual assignment fixes
   - prevent item quantity stepper from intruding into cost
   - compact manual assignment pills without changing grid count
   ========================================================= */

/* The older imported-item rules had a more-specific 34px button width.
   Match that specificity so the 28px +/- controls stay inside the 104px stepper. */
#itemsCard .editable-item-top .item-qty.qty-stepper{
  grid-template-columns:28px minmax(42px,1fr) 28px!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
}
#itemsCard .editable-item-top .item-qty.qty-stepper .qty-spinner-button{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
}
#itemsCard .editable-item-top .item-qty.qty-stepper .qty-down{grid-column:1!important;grid-row:1!important}
#itemsCard .editable-item-top .item-qty.qty-stepper .qty-spinner-value{grid-column:2!important;grid-row:1!important}
#itemsCard .editable-item-top .item-qty.qty-stepper .qty-up{grid-column:3!important;grid-row:1!important}

/* Keep the established maximum column count and the larger assignment buttons.
   Clean the edges and use the same calm selected blue used elsewhere on Check. */
#manualAddCard .manual-assignment-block .people-select .person-option{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:38px!important;
  justify-self:stretch!important;
  border:1px solid #dbe1e8!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#manualAddCard .manual-assignment-block .people-select .person-option label{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  justify-content:center!important;
  text-align:center!important;
  color:#111827!important;
}
#manualAddCard .manual-assignment-block .people-select .person-option.selected{
  border-color:#b9dbff!important;
  background:#eef6ff!important;
  color:#0969da!important;
}
#manualAddCard .manual-assignment-block .people-select .person-option.selected label{
  color:#0969da!important;
}


/* =========================================================
   UI24 - app v1.4.33 receipt editing + manual people polish
   ========================================================= */

/* Add an Item assignment buttons: one clean outer edge, calm selected blue. */
#manualAddCard .manual-assignment-block .people-select .person-option{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:38px!important;
  padding:0!important;
  border:1px solid #dbe1e8!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#manualAddCard .manual-assignment-block .people-select .person-option label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:36px!important;
  padding:0 12px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  text-align:center!important;
}
#manualAddCard .manual-assignment-block .people-select .person-option.selected,
#manualAddCard .manual-assignment-block .people-select .person-option:has(input:checked){
  border-color:#b9dbff!important;
  background:#eef6ff!important;
  color:#0969da!important;
}
#manualAddCard .manual-assignment-block .people-select .person-option.selected label,
#manualAddCard .manual-assignment-block .people-select .person-option:has(input:checked) label{
  background:transparent!important;
  color:#0969da!important;
}

/* Inline receipt metadata editing from the three-dot menu. */
.receipt-inline-editor{
  width:100%;
  margin:2px 0 6px;
}
.receipt-inline-editor[hidden]{display:none!important}
.receipt-edit-input{
  width:100%!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 10px!important;
  border:1px solid #d7dee7!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.receipt-edit-name{
  margin-bottom:6px!important;
  font-size:14px!important;
  font-weight:750!important;
}
.receipt-edit-meta-grid{
  display:grid;
  grid-template-columns:minmax(160px,1.7fr) minmax(128px,.9fr) minmax(110px,.7fr);
  gap:6px;
}
.receipt-edit-actions{
  display:flex;
  gap:6px;
  margin-top:7px;
}
.receipt-edit-actions button{
  min-height:34px!important;
  padding:0 11px!important;
  font-size:11px!important;
  border-radius:9px!important;
}
#receiptPreview .receipt-more-panel button{
  width:100%;
  text-align:left;
}
@media(max-width:720px){
  .receipt-edit-meta-grid{grid-template-columns:1fr 1fr}
  .receipt-edit-card{grid-column:1/-1}
}