.pos-layout-picker274{grid-column:1/-1;padding:12px;border:1px solid var(--line,#ccd6e0);border-radius:10px}.pos-layout-picker274 select{min-height:40px}.pos-layout-preview274{width:min(960px,94vw);max-height:90dvh;overflow:auto;border:1px solid #aabaca;border-radius:14px;padding:18px}.pos-layout-preview274::backdrop{background:#10203088}
.layout-sample274{display:grid;direction:rtl;gap:8px;grid-template-columns:1fr 1.4fr;grid-template-areas:'top top' 'controls controls' 'groups invoice' 'products invoice' 'pay held' 'rail rail';margin:12px 0}.layout-sample274>div{padding:10px;border:1px solid #bbccdc;border-radius:7px;background:#eef5fa;color:#17374b}.sample-top{grid-area:top}.sample-controls{grid-area:controls}.sample-groups{grid-area:groups}.sample-products{grid-area:products;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.sample-products span{padding:12px;background:white;border:1px solid #ccd6e0;border-radius:5px}.sample-invoice{grid-area:invoice}.sample-invoice table{width:100%;border-collapse:collapse}.sample-invoice td,.sample-invoice th{padding:10px 4px;border-bottom:1px solid #ccd6e0}.sample-pay{grid-area:pay}.sample-held{grid-area:held}.sample-rail{grid-area:rail}

.layout-sample274{grid-template-columns:150px minmax(0,1fr) 110px;grid-template-areas:'top top top' 'controls controls controls' 'groups invoice held' 'pay products held' 'rail rail rail'}
.layout-sample274[data-layout=Market]{grid-template-columns:110px minmax(0,1fr) 90px}.layout-sample274[data-layout=Restaurant] .sample-controls{display:none}.sample-products{grid-template-columns:repeat(3,1fr)}
@media(max-width:600px){.layout-sample274,.layout-sample274[data-layout=Market]{grid-template-columns:1fr;grid-template-areas:'top' 'controls' 'groups' 'invoice' 'products' 'pay' 'held' 'rail'}}