/* /buenpos_website_suite/static/src/scss/pos_demo.scss */
 .o_buenpos_pos_demo_page .bp_demo_surface{padding: 0 3vw 5rem; background: #fff;}.o_buenpos_pos_demo_page .bp_editorial_hero{padding-block: 2.5rem 1.5rem;}.o_buenpos_pos_demo_page .bp_editorial_hero::before{top: 2.5rem; width: 2.7rem; height: .25rem;}.o_buenpos_pos_demo_page .bp_editorial_hero > *{margin-left: clamp(0rem, 5vw, 4rem);}.o_buenpos_pos_demo_page .bp_editorial_hero .bp_kicker{padding-top: .8rem; margin-bottom: .4rem;}.o_buenpos_pos_demo_page .bp_editorial_hero h1{max-width: none; margin-bottom: .5rem; font-size: clamp(2rem, 3vw, 3rem);}.o_buenpos_pos_demo_page .bp_editorial_hero .bp_lede{margin-top: .5rem; font-size: 1rem;}.o_buenpos_pos_demo_page .bp_editorial_hero .bp_configuration_notice{margin-top: .65rem; font-size: .82rem;}.o_buenpos_pos_demo{--pos-border: #dee2e6; --pos-text: #212529; --pos-muted: #6c757d; --pos-green: #198754; overflow: hidden; border: 1px solid var(--pos-border); border-radius: 9px; background: #fff; color: var(--pos-text); font-family: "Segoe UI", Arial, sans-serif; box-shadow: 0 18px 45px rgba(28, 32, 36, 0.1);}.o_buenpos_pos_demo *{box-sizing: border-box;}.o_buenpos_pos_demo h2, .o_buenpos_pos_demo h3, .o_buenpos_pos_demo p{font-family: inherit;}.o_buenpos_pos_demo h2{margin: 0; font-size: 1.1rem; font-weight: 750; line-height: 1.25;}.o_buenpos_pos_demo button, .o_buenpos_pos_demo input{font: inherit;}.o_buenpos_pos_demo button{cursor: pointer;}.o_buenpos_pos_demo button:disabled{cursor: not-allowed; opacity: .46;}.o_buenpos_pos_demo button:focus-visible, .o_buenpos_pos_demo input:focus-visible{outline: 3px solid #3c3489; outline-offset: 2px;}.o_buenpos_pos_demo .bp_pos_muted{color: var(--pos-muted); font-size: .76rem;}.o_buenpos_pos_demo .bp_pos_topbar{height: 62px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0 1.2rem; border-bottom: 1px solid var(--pos-border); background: #fff;}.o_buenpos_pos_demo .bp_pos_brand{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: .6rem; white-space: nowrap;}.o_buenpos_pos_demo .bp_pos_brand strong{font-size: 1.12rem;}.o_buenpos_pos_demo .bp_pos_brand > span:last-child{margin-left: .3rem; padding-left: .9rem; border-left: 1px solid var(--pos-border); color: var(--pos-muted); font-size: .8rem;}.o_buenpos_pos_demo .bp_pos_brand_icon{display: block; width: 30px; height: 30px; object-fit: contain;}.o_buenpos_pos_demo .bp_pos_session{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: .5rem; font-size: .8rem; font-weight: 600;}.o_buenpos_pos_demo .bp_pos_session_dot{width: 8px; height: 8px; border-radius: 50%; background: #198754;}.o_buenpos_pos_demo .bp_pos_demo_pill{margin-left: .3rem; padding: .35rem .55rem; border-radius: 4px; background: #efeafb; color: #473587; font-size: .72rem;}.o_buenpos_pos_demo .bp_pos_workspace{display: grid; grid-template-columns: minmax(205px, 24%) 352px minmax(0, 1fr); min-height: 650px;}.o_buenpos_pos_demo .bp_pos_ticket, .o_buenpos_pos_demo .bp_pos_controls, .o_buenpos_pos_demo .bp_pos_catalog{min-width: 0;}.o_buenpos_pos_demo .bp_pos_ticket{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; border-right: 1px solid var(--pos-border);}.o_buenpos_pos_demo .bp_pos_ticket_head{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: .5rem; padding: .85rem .8rem; border-bottom: 1px solid var(--pos-border); background: #f8f9fa;}.o_buenpos_pos_demo .bp_pos_ticket_head h2{margin-top: .15rem; font-size: .88rem;}.o_buenpos_pos_demo .bp_pos_count{align-self: start; padding: .2rem .35rem; border-radius: 4px; background: #e9ecef; color: #495057; font-size: .68rem; white-space: nowrap;}.o_buenpos_pos_demo .bp_pos_ticket_lines{flex: 1; min-height: 280px; overflow-y: auto;}.o_buenpos_pos_demo .bp_pos_empty_ticket{display: grid; place-items: center; align-content: center; gap: .8rem; height: 100%; min-height: 220px; padding: 1rem; color: #8b9299; text-align: center;}.o_buenpos_pos_demo .bp_pos_empty_ticket i{font-size: 2rem;}.o_buenpos_pos_demo .bp_pos_empty_ticket p{max-width: 12rem; margin: 0; font-size: .82rem;}.o_buenpos_pos_demo .bp_pos_line{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; gap: .4rem; padding: .55rem .65rem; border-bottom: 1px solid #edf0f2; font-size: .76rem;}.o_buenpos_pos_demo .bp_pos_line.is-selected{background: #e9f2ff; box-shadow: inset 3px 0 #3c78d8;}.o_buenpos_pos_demo .bp_pos_line_main{flex: 1; min-width: 0; display: grid; gap: .12rem; padding: 0; border: 0; background: transparent; color: inherit; text-align: left;}.o_buenpos_pos_demo .bp_pos_line_main strong{overflow: hidden; text-overflow: ellipsis;}.o_buenpos_pos_demo .bp_pos_line_main small{color: var(--pos-muted);}.o_buenpos_pos_demo .bp_pos_ticket_totals{margin: 0; padding: .8rem; border-top: 1px solid var(--pos-border);}.o_buenpos_pos_demo .bp_pos_ticket_totals > div{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: .5rem; padding: .18rem 0; font-size: .78rem;}.o_buenpos_pos_demo .bp_pos_ticket_totals dd{margin: 0; font-variant-numeric: tabular-nums;}.o_buenpos_pos_demo .bp_pos_ticket_totals .bp_pos_total{margin-top: .45rem; padding-top: .6rem; border-top: 1px solid var(--pos-border); font-size: 1.06rem; font-weight: 800;}.o_buenpos_pos_demo .bp_pos_controls{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .48rem; padding: .65rem; border-right: 1px solid var(--pos-border); background: #f8f9fa;}.o_buenpos_pos_demo .bp_pos_control_header{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: .4rem; align-items: baseline; padding: .25rem .2rem .35rem;}.o_buenpos_pos_demo .bp_pos_control_header strong{font-size: .82rem;}.o_buenpos_pos_demo .bp_pos_control_header span{color: var(--pos-muted); font-size: .65rem; text-align: right;}.o_buenpos_pos_demo .bp_pos_action_row, .o_buenpos_pos_demo .bp_pos_mode_row, .o_buenpos_pos_demo .bp_pos_quick{display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem;}.o_buenpos_pos_demo .bp_pos_controls button{min-height: 44px; padding: .45rem; border: 1px solid #ccd2d8; border-radius: 5px; background: #fff; color: #343a40; font-weight: 650;}.o_buenpos_pos_demo .bp_pos_controls button:hover:not(:disabled){border-color: #7a8590;}.o_buenpos_pos_demo .bp_pos_action_row .bp_pos_danger{color: #b43742;}.o_buenpos_pos_demo .bp_pos_inline_panel{display: grid; gap: .4rem; padding: .55rem; border: 1px solid #d7dce2; border-radius: 5px; background: #fff; font-size: .72rem;}.o_buenpos_pos_demo .bp_pos_inline_panel > div{display: -webkit-box; display: -webkit-flex; display: flex; gap: .35rem;}.o_buenpos_pos_demo .bp_pos_inline_panel button{min-height: 36px; flex: 1;}.o_buenpos_pos_demo .bp_pos_customer{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; gap: .45rem; width: 100%; background: #fff3cd !important; border-color: #ffc107 !important; color: #664d03 !important;}.o_buenpos_pos_demo .bp_pos_customer .fa-chevron-down{margin-left: auto; font-size: .65rem;}.o_buenpos_pos_demo .bp_pos_mode_row .is-active{background: #5269bd; border-color: #5269bd; color: #fff;}.o_buenpos_pos_demo .bp_pos_input_state{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; min-height: 35px; padding: 0 .55rem; border-radius: 5px; background: #eae9f4; color: #3c3489; font-size: .72rem;}.o_buenpos_pos_demo .bp_pos_input_state strong{font-size: .95rem; font-variant-numeric: tabular-nums;}.o_buenpos_pos_demo .bp_pos_numpad{flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, minmax(45px, 1fr)); gap: .4rem;}.o_buenpos_pos_demo .bp_pos_numpad button{font-size: 1.2rem; font-weight: 750;}.o_buenpos_pos_demo .bp_pos_pay{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; gap: .5rem; width: 100%; min-height: 54px !important; padding: .7rem !important; border-color: var(--pos-green) !important; background: var(--pos-green) !important; color: #fff !important; font-size: 1rem;}.o_buenpos_pos_demo .bp_pos_pay strong{margin-left: auto;}.o_buenpos_pos_demo .bp_pos_quick{grid-template-columns: repeat(2, 1fr);}.o_buenpos_pos_demo .bp_pos_quick button{font-size: .7rem; min-height: 37px;}.o_buenpos_pos_demo .bp_pos_catalog{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: .75rem; background: #fff;}.o_buenpos_pos_demo .bp_pos_catalog_header{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: end; gap: .6rem; padding: .15rem .3rem .7rem;}.o_buenpos_pos_demo .bp_pos_catalog_header > div span, .o_buenpos_pos_demo .bp_pos_catalog_header > span{color: var(--pos-muted); font-size: .7rem;}.o_buenpos_pos_demo .bp_pos_catalog_header h2{font-size: 1.2rem;}.o_buenpos_pos_demo .bp_pos_categories{display: -webkit-box; display: -webkit-flex; display: flex; gap: .35rem; overflow-x: auto; padding-bottom: .65rem;}.o_buenpos_pos_demo .bp_pos_categories button{min-height: 35px; padding: .3rem .65rem; border: 1px solid var(--pos-border); border-radius: 5px; background: #fff; color: #495057; white-space: nowrap; font-size: .76rem;}.o_buenpos_pos_demo .bp_pos_categories .is-active{border-color: #495057; background: #495057; color: #fff;}.o_buenpos_pos_demo .bp_pos_search{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: .4rem; padding: 0 .65rem; border: 1px solid var(--pos-border); border-radius: 5px; color: var(--pos-muted);}.o_buenpos_pos_demo .bp_pos_search input{width: 100%; min-height: 40px; border: 0; outline: none; background: transparent; color: var(--pos-text); font-size: .78rem;}.o_buenpos_pos_demo .bp_pos_products{display: grid; grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)); align-content: start; gap: .5rem; overflow-y: auto; padding: .8rem .1rem;}.o_buenpos_pos_demo .bp_pos_product{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: .2rem; min-height: 146px; padding: .3rem; border: 1px solid var(--pos-border); border-radius: 5px; background: #fff; color: var(--pos-text); text-align: left;}.o_buenpos_pos_demo .bp_pos_product:hover{border-color: #7f93a6;}.o_buenpos_pos_demo .bp_pos_product_image{position: relative; display: grid; place-items: center; height: 79px; background: #f1f3f5; color: #718193;}.o_buenpos_pos_demo .bp_pos_product_image > i{font-size: 2rem;}.o_buenpos_pos_demo .bp_pos_product_image > span{position: absolute; top: .25rem; left: .25rem; padding: .1rem .25rem; border-radius: 3px; background: #198754; color: #fff; font-size: .65rem;}.o_buenpos_pos_demo .bp_pos_product_name{font-size: .69rem; line-height: 1.2;}.o_buenpos_pos_demo .bp_pos_product strong{margin-top: auto; color: #3463aa; font-size: .76rem;}.o_buenpos_pos_demo .bp_pos_no_results{grid-column: 1 / -1; color: var(--pos-muted); text-align: center;}.o_buenpos_pos_demo .bp_pos_payment{display: grid; grid-template-columns: 1fr 280px; gap: 2rem; min-height: 500px; padding: 2rem; background: #f8f9fa;}.o_buenpos_pos_demo .bp_pos_payment h2{margin: 1.5rem 0 .3rem; font-size: 1.6rem;}.o_buenpos_pos_demo .bp_pos_back{min-height: 42px; border: 0; background: transparent; color: #3664ad;}.o_buenpos_pos_demo .bp_pos_method_grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin-top: 2rem;}.o_buenpos_pos_demo .bp_pos_method_grid button{display: grid; place-items: center; gap: .6rem; min-height: 120px; border: 1px solid var(--pos-border); border-radius: 7px; background: #fff; font-weight: 700;}.o_buenpos_pos_demo .bp_pos_method_grid i{font-size: 1.6rem; color: #5269bd;}.o_buenpos_pos_demo .bp_pos_payment_summary{align-self: start; padding: 1.2rem; border: 1px solid var(--pos-border); border-radius: 7px; background: #fff;}.o_buenpos_pos_demo .bp_pos_payment_summary > span{color: var(--pos-muted); font-size: .75rem;}.o_buenpos_pos_demo .bp_pos_payment_summary h3{margin: .45rem 0; font-size: 1.1rem;}.o_buenpos_pos_demo .bp_pos_payment_summary dl, .o_buenpos_pos_demo .bp_pos_receipt dl{margin: 1.2rem 0 0;}.o_buenpos_pos_demo .bp_pos_payment_summary dl div, .o_buenpos_pos_demo .bp_pos_receipt dl div{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: .6rem; padding: .3rem 0;}.o_buenpos_pos_demo .bp_pos_payment_summary dd, .o_buenpos_pos_demo .bp_pos_receipt dd{margin: 0;}.o_buenpos_pos_demo .bp_pos_payment_summary dl div:last-child, .o_buenpos_pos_demo .bp_pos_receipt dl div:last-child{margin-top: .4rem; padding-top: .7rem; border-top: 1px solid var(--pos-border); font-weight: 800;}.o_buenpos_pos_demo .bp_pos_receipt{display: grid; place-items: center; align-content: center; gap: 1rem; min-height: 560px; padding: 2rem; background: #f8f9fa; text-align: center;}.o_buenpos_pos_demo .bp_pos_receipt_paper{width: 100%; max-width: 430px; padding: 2rem; border: 1px solid var(--pos-border); border-radius: 7px; background: #fff;}.o_buenpos_pos_demo .bp_pos_receipt_paper > span{font-weight: 800;}.o_buenpos_pos_demo .bp_pos_receipt_paper h2{margin-top: .6rem;}.o_buenpos_pos_demo .bp_pos_receipt_check{display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 1rem; border-radius: 50%; background: #198754; color: #fff; font-size: 1.4rem;}.o_buenpos_pos_demo .bp_pos_receipt_lines{margin-top: 1rem; border-top: 1px solid var(--pos-border); text-align: left;}.o_buenpos_pos_demo .bp_pos_receipt_lines div{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: 1rem; padding: .4rem 0; font-size: .8rem;}.o_buenpos_pos_demo .bp_pos_receipt_paper small{display: block; margin-top: 1rem; color: var(--pos-muted);}.o_buenpos_pos_demo .bp_pos_new_sale{min-height: 48px; padding: .7rem 1.5rem; border: 0; border-radius: 5px; background: var(--pos-green); color: #fff; font-weight: 700;}@media (max-width: 1020px){.o_buenpos_pos_demo .bp_pos_workspace{grid-template-columns: minmax(190px, 30%) minmax(280px, 1fr);}.o_buenpos_pos_demo .bp_pos_catalog{grid-column: 2; grid-row: 1; border-left: 1px solid #dee2e6;}.o_buenpos_pos_demo .bp_pos_controls{grid-column: 1 / -1; grid-row: 2; border-top: 1px solid #dee2e6;}.o_buenpos_pos_demo .bp_pos_numpad{flex: none; grid-template-rows: repeat(4, 48px);}.o_buenpos_pos_demo .bp_pos_products{grid-template-columns: repeat(4, minmax(0, 1fr));}}@media (max-width: 690px){.o_buenpos_pos_demo_page .bp_demo_surface{padding-inline: .7rem;}.o_buenpos_pos_demo_page .bp_editorial_hero > *{margin-left: 0;}.o_buenpos_pos_demo .bp_pos_topbar{height: auto; min-height: 58px; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: .65rem;}.o_buenpos_pos_demo .bp_pos_brand > span:last-child, .o_buenpos_pos_demo .bp_pos_session_dot{display: none;}.o_buenpos_pos_demo .bp_pos_workspace{grid-template-columns: 1fr;}.o_buenpos_pos_demo .bp_pos_catalog{grid-column: 1; grid-row: 1; border-left: 0;}.o_buenpos_pos_demo .bp_pos_ticket{grid-column: 1; grid-row: 2;}.o_buenpos_pos_demo .bp_pos_controls{grid-column: 1; grid-row: 3;}.o_buenpos_pos_demo .bp_pos_ticket{border-right: 0;}.o_buenpos_pos_demo .bp_pos_ticket_lines{min-height: 100px; max-height: 220px;}.o_buenpos_pos_demo .bp_pos_controls{border-right: 0; border-top: 1px solid #dee2e6;}.o_buenpos_pos_demo .bp_pos_numpad{grid-template-rows: repeat(4, 48px);}.o_buenpos_pos_demo .bp_pos_products{grid-template-columns: repeat(2, minmax(0, 1fr));}.o_buenpos_pos_demo .bp_pos_payment{grid-template-columns: 1fr; padding: 1rem;}.o_buenpos_pos_demo .bp_pos_method_grid{grid-template-columns: 1fr;}.o_buenpos_pos_demo .bp_pos_method_grid button{min-height: 70px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;}}