.sales-pos-product-name .cart-note-meta { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin-top:3px; }
.sales-pos-product-name .cart-note-meta > span { margin-left:0; white-space:normal; }
.sales-pos-product-name .cart-note-button { display:inline-flex; align-items:center; gap:4px; min-height:26px; padding:3px 6px; border:1px solid var(--border-strong); border-radius:var(--r-sm); background:var(--card); color:var(--body); font:inherit; font-size:11px; cursor:pointer; }
.sales-pos-product-name .cart-note-button.has-note { color:var(--orange-texto); border-color:var(--orange-border); background:var(--orange-soft); }
.sales-pos-product-name .cart-note-button:hover { border-color:var(--orange-500); }
.sales-pos-product-name .cart-note-preview { margin:4px 0 0; color:var(--body); font-size:12px; line-height:1.4; white-space:pre-wrap; overflow-wrap:anywhere; }
.cart-note-dialog { width:min(440px, calc(100vw - 24px)); max-height:calc(100dvh - 24px); margin:auto; padding:0; box-sizing:border-box; overflow:auto; border:1px solid var(--border-strong); border-top:3px solid var(--orange-500); border-radius:var(--r-lg); background:var(--card); color:var(--body); box-shadow:var(--shadow-lg); }
.cart-note-dialog::backdrop { background:rgb(11 18 38 / 48%); }
.cart-note-dialog header { display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-bottom:1px solid var(--border); }
.cart-note-dialog header > div { min-width:0; flex:1; }
.cart-note-dialog h2 { margin:0; font-size:15px; font-weight:700; color:var(--navy-900); }
.cart-note-dialog header p { margin:5px 0 0; font-size:12px; line-height:1.4; overflow-wrap:anywhere; }
.cart-note-dialog button { cursor:pointer; border:1px solid var(--border-strong); border-radius:var(--r-sm); background:var(--card); color:var(--body); font:inherit; font-size:12px; min-height:36px; padding:7px 12px; }
.cart-note-dialog .cart-note-close { flex:none; min-width:32px; min-height:32px; padding:2px 6px; font-size:21px; line-height:1; }
.cart-note-fields { padding:14px 16px; }
.cart-note-fields label { display:block; margin-bottom:6px; font-size:12px; font-weight:700; color:var(--navy-900); }
.cart-note-fields label span { font-weight:400; color:var(--muted); }
.cart-note-fields textarea { box-sizing:border-box; width:100%; min-height:90px; resize:vertical; padding:9px 10px; border:1px solid var(--border-strong); border-radius:var(--r-sm); background:var(--card); color:var(--body); font:inherit; font-size:13px; line-height:1.5; }
.cart-note-help { display:flex; justify-content:space-between; gap:12px; margin-top:6px; font-size:11px; line-height:1.4; color:var(--muted); }
.cart-note-help > :last-child { white-space:nowrap; }
.cart-note-fields p[role="alert"] { color:var(--danger); font-size:12px; }
.cart-note-dialog footer { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; padding:12px 16px; background:var(--surface); border-top:1px solid var(--border); }
.cart-note-dialog .cart-note-remove { margin-right:auto; color:var(--danger); }
.cart-note-dialog .cart-note-save { background:var(--orange-700); border-color:var(--orange-700); color:#fff; font-weight:700; }
.cart-note-dialog button:disabled { opacity:.5; cursor:not-allowed; }
.cart-note-dialog button:not(:disabled):hover { filter:brightness(.96); }
.cart-note-dialog :is(button,textarea):focus-visible,.cart-note-button:focus-visible { outline:2px solid var(--orange-500); outline-offset:2px; }
@media (pointer:coarse) { .sales-pos-product-name .cart-note-button,.cart-note-dialog button { min-height:44px; } }
@media (max-width:480px) { .cart-note-fields textarea { font-size:16px; } .cart-note-dialog .cart-note-remove { flex-basis:100%; margin-right:0; } }