/* konsum.si standalone workspace redesign */
:root {
  --paper: #fffdf8;
  --ink: #17221e;
  --muted: #69756e;
  --line: #d8ded5;
  --accent: #e86d3e;
  --accent-deep: #bd4f2c;
  --mint: #dceee3;
  --mint-deep: #a9cdb9;
  --sun: #f5e7a7;
  --white: #fffefa;
}

html { min-height: 100%; background: #f0eee5; }
body {
  min-height: 100svh;
  margin: 0;
  padding: clamp(10px, 2vw, 24px) clamp(14px, 4vw, 56px) !important;
  display: grid;
  place-items: center;
  color: var(--ink) !important;
  background-color: var(--paper) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27180%27 height=%27180%27 viewBox=%270 0 180 180%27 fill=%27none%27 stroke=%27%2317221e%27 stroke-opacity=%27.13%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M24 29c8 8 14 15 19 26M20 27l-5 12m11-16-2 14m10-17-1 14%27/%3E%3Cellipse cx=%27131%27 cy=%2737%27 rx=%2717%27 ry=%278%27 transform=%27rotate(24 131 37)%27/%3E%3Cpath d=%27M117 33c-7 5-12 11-14 20m28-14c9 5 15 12 17 21M77 119c9-12 20-15 31-9-3 13-13 21-31 9Zm-4-1c-7-5-13-11-16-19%27/%3E%3Ccircle cx=%27148%27 cy=%27128%27 r=%2710%27/%3E%3Cpath d=%27M143 128h10m-5-5v10%27/%3E%3C/svg%3E");
  background-size: 180px 180px !important;
  font-family: "Spline Sans Mono", ui-monospace, monospace !important;
}

.wrap {
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  min-height: auto;
  margin: auto !important;
  padding: 0 clamp(4px, 2.5vw, 32px) clamp(12px, 2vw, 24px) !important;
  display: flex;
  flex-direction: column;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.topbar {
  width: 100%;
  min-height: 48px;
  margin: 0 0 clamp(12px, 2vw, 24px) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.topbar:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 17px 0 0 var(--sun), 34px 0 0 var(--mint-deep);
}
.topbar-segs { display: flex; gap: 10px; }
.seg {
  display: inline-flex;
  gap: 2px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,254,250,.72);
}
.seg button {
  min-width: 34px;
  min-height: 28px;
  border: 0;
  border-radius: 999px;
  color: var(--muted);
  background: transparent;
  font: 700 11px "Spline Sans Mono", monospace;
  cursor: pointer;
}
.seg button.active, .seg button:hover { color: var(--paper); background: var(--ink); }

.brandmark {
  align-self: center;
  margin: 0 0 clamp(20px, 3vw, 34px) !important;
  color: var(--accent) !important;
  font: 800 clamp(1.25rem, 2.2vw, 1.6rem)/1 "Bricolage Grotesque", sans-serif !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

.progress {
  width: min(100%, 860px);
  margin: 0 auto clamp(24px, 3vw, 38px) !important;
  padding: 0 0 14px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
}
.prog-labels { color: var(--muted) !important; font-size: 10px !important; letter-spacing: .1em; }
.prog-labels .r { color: var(--accent) !important; font-weight: 700; }
.prog-track { height: 5px !important; margin-top: 10px; background: var(--mint) !important; border-radius: 99px; }
.prog-fill { background: var(--accent) !important; border-radius: 99px; }
.prog-dots span { background: var(--paper) !important; border-color: var(--line) !important; }
.prog-dots span.done, .prog-dots span.now { background: var(--accent) !important; border-color: var(--accent) !important; }

#wizard { width: min(100%, 860px); margin: 0 auto; }
.step { animation: konsum-enter .42s ease both; }
@keyframes konsum-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.step-title {
  max-width: 780px;
  margin: 0 auto 12px !important;
  color: var(--ink) !important;
  font: 800 clamp(2rem, 4.4vw, 3.5rem)/.96 "Bricolage Grotesque", sans-serif !important;
  letter-spacing: -.045em;
  text-align: center;
}
.step-sub {
  max-width: 600px;
  margin: 0 auto 22px !important;
  color: var(--muted) !important;
  font-size: clamp(.72rem, 1.3vw, .84rem) !important;
  line-height: 1.7 !important;
  text-align: center;
}
.field { margin-top: 30px !important; }
.label { color: var(--muted) !important; font-size: 11px !important; letter-spacing: .08em; text-transform: uppercase; }
.input, .selectbox, textarea.input {
  min-height: 48px;
  color: var(--ink) !important;
  background: rgba(255,254,250,.82) !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.input:focus, .selectbox:focus, textarea.input:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(232,109,62,.13) !important; }
.btn.solid, .btn-primary {
  min-height: 46px;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--accent) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(232,109,62,.2) !important;
  font-weight: 700;
}
.btn.solid:hover, .btn-primary:hover { background: var(--accent-deep) !important; transform: translateY(-1px); }
.dropzone {
  min-height: 126px !important;
  display: grid;
  place-items: center;
  border: 1px dashed var(--accent) !important;
  border-radius: 18px !important;
  background: rgba(255,245,233,.74) !important;
}
.dropzone:hover, .dropzone.over { background: rgba(220,238,227,.78) !important; }
.dz-main { color: var(--ink) !important; font-weight: 700; }
.dz-sub { color: var(--muted) !important; }
.switchrow, .note, .preview-paper {
  background: rgba(255,254,250,.7) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.or-line { color: var(--muted) !important; }
.backlink { color: var(--muted) !important; }
.backlink:hover { color: var(--accent) !important; }

@media (max-width: 640px) {
  body { padding: 12px 14px 24px !important; place-items: start center; }
  .wrap { min-height: calc(100svh - 36px); padding-inline: 0 !important; }
  .topbar { margin-bottom: 34px !important; }
  .brandmark { margin-bottom: 40px !important; }
  .progress { margin-bottom: 42px !important; }
  .step-title { font-size: clamp(2.45rem, 13vw, 4rem) !important; }
  .step-sub { margin-bottom: 26px !important; }
  .item-grid { grid-template-columns: 1fr 82px !important; }
  .item-grid .input:last-child { grid-column: 1 / -1; }
  .row-add { flex-direction: column; }
  .row-add .btn { width: 100%; }
}

/* v9 final layout correction */
body{place-items:start center!important;padding:0 18px 32px!important}
.wrap{width:min(100%,860px)!important;max-width:860px!important;margin:0 auto!important;padding:0 0 24px!important}
.topbar{position:sticky!important;top:0!important;z-index:20!important;width:100%!important;min-height:58px!important;margin:0 0 34px!important;padding:12px 0!important;background:rgba(255,253,248,.94)!important;border-bottom:1px solid rgba(23,34,30,.12)!important;backdrop-filter:blur(12px)!important}
.topbar:before{content:"konsum.si"!important;width:auto!important;height:auto!important;border-radius:0!important;box-shadow:none!important;background:none!important;color:var(--accent)!important;font:800 17px/1 "Bricolage Grotesque",sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.brandmark{display:none!important}
.topbar-segs{display:flex!important;gap:8px!important}
.seg{gap:0!important;padding:3px!important;border:1px solid #cdd6ce!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}
.seg button{min-width:38px!important;min-height:30px!important;height:30px!important;padding:0 10px!important;border-radius:8px!important;color:var(--muted)!important;background:#fff!important;font:700 10px/1 "Spline Sans Mono",monospace!important;transition:background .16s,color .16s,transform .16s!important}
.seg button:hover{color:var(--ink)!important;background:var(--mint)!important;transform:none!important}
.seg button.active{color:#fff!important;background:var(--ink)!important}
.progress{width:100%!important;margin:0 0 30px!important;padding:0 0 12px!important;border-bottom:0!important}
#wizard{width:100%!important;margin:0!important}
.step.active{display:block!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.step-title{max-width:760px!important;margin:0 0 10px!important;text-align:left!important;font-size:clamp(2rem,4.4vw,3.5rem)!important}
.step-sub{max-width:660px!important;margin:0 0 24px!important;text-align:left!important}
.field{margin-top:24px!important}
.label{color:var(--ink)!important;font-weight:700!important}
.input,.selectbox,textarea.input{background:#fff!important;border:1px solid #b9c5bc!important;border-radius:9px!important;color:var(--ink)!important;opacity:1!important;box-shadow:0 1px 2px rgba(23,34,30,.04)!important}
.input::placeholder,textarea.input::placeholder{color:#87928b!important;opacity:1!important}
.switchrow,.note,.preview-paper{background:#fff!important;border:1px solid #cdd6ce!important}
.dropzone{background:#fff8ef!important}
.navbar{width:100%!important;max-width:none!important;margin:24px 0 0!important}
@media(max-width:640px){body{padding:0 12px 24px!important}.topbar{margin-bottom:24px!important}.progress{margin-bottom:24px!important}.step-title{font-size:clamp(2rem,11vw,3rem)!important}.navbar{margin-top:18px!important}}

/* v10 interaction and chrome correction */
:root{--mint:#f3e5d9!important;--mint-deep:#e9c5ae!important}
.topbar{border-bottom:0!important;box-shadow:none!important}
.topbar-segs{gap:6px!important}
.seg{border-radius:10px!important;background:#fff!important}
.seg button{border-radius:6px!important}
.seg button:hover{background:#fff1e7!important;color:var(--accent)!important}
.seg button.active{background:var(--accent)!important;color:#fff!important}
.prog-track{background:#f3e5d9!important}
.prog-fill{background:var(--accent)!important}
.step.active{padding:8px 0 18px!important;background:rgba(255,253,250,.58)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.step-title{color:var(--ink)!important;font-size:clamp(2rem,4.2vw,3.25rem)!important}
.step-sub{color:var(--muted)!important}
.btn,.btn.solid,.btn-primary{border-radius:8px!important;box-shadow:none!important;transform:none!important}
.btn.solid,.btn-primary{background:var(--accent)!important;border-color:var(--accent)!important}
.btn.solid:hover,.btn-primary:hover{background:var(--accent-dark)!important;border-color:var(--accent-dark)!important}
.dropzone{border-radius:10px!important;background:#fff8ef!important}
.navbar{position:sticky!important;bottom:0!important;z-index:20!important;margin:20px 0 0!important;padding:12px 0 0!important;background:rgba(255,253,248,.95)!important;border:0!important;box-shadow:none!important;backdrop-filter:blur(12px)!important}
.navbar .btn{border-radius:8px!important}
@media(max-width:640px){.navbar{padding-top:10px!important}.step.active{padding-top:4px!important}}

/* v11 legacy bill rail and exact palette */
:root{--paper:#FAF9F5!important;--surface:#FAF9F5!important;--ink:#1f1e1d!important;--accent:#D97757!important;--accent-dark:#C15F3C!important;--muted:#8C8B85!important;--line:#E6E4DA!important;--mint:#F4E5DD!important}
html,body{background-color:#FAF9F5!important}
body{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27180%27 height=%27180%27 viewBox=%270 0 180 180%27 fill=%27none%27 stroke=%27%231f1e1d%27 stroke-opacity=%27.12%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M24 29c8 8 14 15 19 26M20 27l-5-12m11 8-2 14m10-17-1 14%27/%3E%3Cellipse cx=%27131%27 cy=%2737%27 rx=%2717%27 ry=%278%27 transform=%27rotate(24 131 37)%27/%3E%3Cpath d=%27M117 33c-7 5-12 11-14 20m28-14c9 5 15 12 17 21M77 119c9-12 20-15 31-9-3 13-13 21-31 9Zm-4-1c-7-5-13-11-16-19%27/%3E%3Ccircle cx=%27148%27 cy=%27128%27 r=%2710%27/%3E%3Cpath d=%27M143 128h10m-5-5v10%27/%3E%3C/svg%3E")!important;background-size:180px 180px!important}
.progress{padding-bottom:0!important;border:0!important;margin-bottom:30px!important}
.prog-track{position:relative!important;height:0!important;border-top:2px dashed #E6E4DA!important;margin-top:.8rem!important;background:transparent!important;border-radius:0!important}
.prog-fill{position:absolute!important;left:0!important;top:-2px!important;height:2px!important;background:#D97757!important;border-radius:0!important}
.prog-dots{position:absolute!important;left:0!important;right:0!important;top:-5px!important;display:flex!important;justify-content:space-between!important}
.prog-dots span{width:8px!important;height:8px!important;border:3px solid #E6E4DA!important;border-radius:50%!important;background:#FAF9F5!important}
.prog-dots span.done,.prog-dots span.now{background:#D97757!important;border-color:#D97757!important}
.btn.solid,.btn-primary{background:#D97757!important;border-color:#D97757!important;color:#FAF9F5!important;border-radius:8px!important}
.btn.solid:hover,.btn-primary:hover{background:#C15F3C!important;border-color:#C15F3C!important;color:#FAF9F5!important;box-shadow:none!important}
.btn:hover{background:#F4E5DD!important;border-color:#D97757!important;color:#1f1e1d!important}

/* v12 fixed chrome and control sizing */
body{padding-bottom:92px!important}
.topbar{background:transparent!important;backdrop-filter:none!important;border:0!important}
.navbar{position:fixed!important;left:50%!important;bottom:18px!important;z-index:50!important;width:min(860px,calc(100vw - 36px))!important;height:44px!important;margin:0!important;padding:0!important;transform:translateX(-50%)!important;background:transparent!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important}
.navbar .btn{height:44px!important;min-height:44px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.input,.selectbox,textarea.input{height:44px!important;min-height:44px!important;padding:0 13px!important;line-height:44px!important}
textarea.input{height:auto!important;min-height:88px!important;padding:12px 13px!important;line-height:1.45!important}
.row-add .btn,.item-actions .btn,.adj-add .mini{height:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.dropzone{min-height:144px!important}
@media(max-width:640px){body{padding-bottom:82px!important}.navbar{width:calc(100vw - 24px)!important;bottom:12px!important}.navbar .btn{height:44px!important;min-height:44px!important}}

/* v13 person chip polish */
.chips{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:18px!important;min-height:48px!important;align-items:flex-start!important}
.chip{display:inline-flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:0 12px 0 14px!important;background:#fff!important;border:1px solid #E6E4DA!important;border-radius:8px!important;color:#1f1e1d!important;font:700 12px/1 "Spline Sans Mono",monospace!important;letter-spacing:.06em!important;text-transform:uppercase!important;box-shadow:0 2px 6px rgba(31,30,29,.05)!important}
.chip:hover{border-color:#D97757!important;box-shadow:0 4px 12px rgba(217,119,87,.12)!important}
.chip .x{width:24px!important;height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border-radius:6px!important;background:#F4E5DD!important;color:#D97757!important;font-size:16px!important;line-height:1!important}
.chip .x:hover{background:#D97757!important;color:#FAF9F5!important}
.empty-hint{padding:10px 0!important;color:#8C8B85!important}

/* v14 remove ghost surfaces */
.step.active{background:transparent!important;border:0!important;box-shadow:none!important}
.chip{background:#F4E5DD!important;border-color:#E6E4DA!important;box-shadow:none!important;color:#1f1e1d!important}
.chip:hover{background:#FAF9F5!important;border-color:#D97757!important;box-shadow:none!important}
.chip .x{background:#D97757!important;color:#FAF9F5!important}
.chip .x:hover{background:#C15F3C!important;color:#FAF9F5!important}

/* v15 white participant chips */
.chip{background:#fff!important;border-color:#E6E4DA!important;box-shadow:none!important;color:#1f1e1d!important}
.chip:hover{background:#fff!important;border-color:#D97757!important;box-shadow:none!important}
.chip .x{background:#D97757!important;color:#FAF9F5!important}
.chip .x:hover{background:#C15F3C!important;color:#FAF9F5!important}

/* v16 hover and spacing cleanup */
.dropzone:hover,.dropzone.over{background:#FFF1E7!important;border-color:#D97757!important}
.btn:hover,.btn:not(.solid):hover{background:#FFF1E7!important;border-color:#D97757!important;color:#1f1e1d!important}
.chip:hover{background:#fff!important;border-color:#D97757!important}
.ptog:hover,.mini:hover{background:#FFF1E7!important;border-color:#D97757!important;color:#1f1e1d!important}
.switchrow:hover,.preview-paper:hover{background:#fff!important;border-color:#E6E4DA!important}
.field{margin-top:16px!important;margin-bottom:12px!important}
#personList.chips{margin-top:8px!important;min-height:32px!important;gap:8px!important}
.empty-hint{margin:0!important;padding:4px 0!important}

/* v17 white dropzone, orange hover */
.dropzone{background:#fff!important;border-color:#D97757!important}
.dropzone:hover,.dropzone.over{background:#FFF1E7!important;border-color:#D97757!important}

/* v18 right-aligned navigation pair */
.navbar{justify-content:flex-end!important;gap:10px!important}
.navbar .btn{min-width:108px!important}
@media(max-width:640px){.navbar{justify-content:flex-end!important;gap:8px!important}.navbar .btn{min-width:0!important;flex:0 1 auto!important}}

/* v19 named list section marker */
#personList.chips{position:relative!important;padding-top:30px!important;margin-top:16px!important}
#personList.chips:before{content:"CREW SO FAR";position:absolute;top:0;left:0;color:#8C8B85;font:700 10px/1 "Spline Sans Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
#personList.chips:after{content:"";position:absolute;top:5px;left:100px;right:0;border-top:2px dashed #E6E4DA}
#personList.chips .empty-hint{position:relative;z-index:1}
@media(max-width:640px){#personList.chips:after{left:94px}}

/* v20 centered crew marker */
#personList.chips:before{left:50%!important;transform:translateX(-50%)!important;z-index:2!important;padding:0 12px!important;background:#FAF9F5!important;white-space:nowrap!important}
#personList.chips:after{left:0!important;right:0!important;top:5px!important}

/* v21 unified section divider */
.sect{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:24px 0 14px!important;padding:0!important;color:#8C8B85!important;font:700 10px/1 "Spline Sans Mono",monospace!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.sect:before,.sect:after{content:""!important;display:block!important;flex:1!important;height:0!important;border-top:2px dashed #E6E4DA!important}
.sect:before{margin-right:12px!important}.sect:after{margin-left:12px!important}

/* v22 unified input border system */
.seg{border:1px solid #b9c5bc!important;border-radius:9px!important;background:#fff!important}
.seg button{border-radius:7px!important}
.seg button.active{background:#D97757!important;border:1px solid #D97757!important}
.navbar .btn:not(.solid):not(.btn-primary){background:#fff!important;border:1px solid #b9c5bc!important;border-radius:9px!important;color:#1f1e1d!important}
.navbar .btn:not(.solid):not(.btn-primary):hover{background:#FFF1E7!important;border-color:#D97757!important}
.chip{border:1px solid #b9c5bc!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}
.chip:hover{border-color:#D97757!important}

/* v23 assign names match crew chips */
.ptogs{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:12px!important}
.ptog{min-height:44px!important;padding:0 12px 0 14px!important;display:inline-flex!important;align-items:center!important;gap:10px!important;border:1px solid #b9c5bc!important;border-radius:9px!important;background:#fff!important;color:#1f1e1d!important;font:700 12px/1 "Spline Sans Mono",monospace!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.ptog:before{content:"+";width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#F4E5DD;color:#D97757;font-size:18px;line-height:1}
.ptog .fa-check{display:none!important}
.ptog.active{background:#fff!important;border-color:#D97757!important;color:#1f1e1d!important}
.ptog.active:before{content:"×";background:#D97757;color:#FAF9F5}
.ptog:hover{background:#fff!important;border-color:#D97757!important;color:#1f1e1d!important}
.all-link{color:#D97757!important}
.all-link:hover{color:#C15F3C!important}

/* v24 exact crew-card assign states */
.ptog{width:auto!important;min-width:0!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 12px 0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid #b9c5bc!important;border-radius:9px!important;background:#fff!important;color:#1f1e1d!important;font:700 12px/1 "Spline Sans Mono",monospace!important;letter-spacing:.06em!important;text-transform:uppercase!important;box-shadow:none!important}
.ptog:before{display:none!important}
.ptog:after{content:"+";width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;border-radius:6px;background:#F4E5DD;color:#D97757;font-size:18px;line-height:1}
.ptog.active{background:#FFF1E7!important;border-color:#D97757!important;color:#1f1e1d!important}
.ptog.active:after{content:"×";background:#D97757;color:#FAF9F5;font-size:20px}
.ptog:hover{background:#FFF1E7!important;border-color:#D97757!important;color:#1f1e1d!important}

/* v25 crew hover matches selected assign state */
.chip:hover{background:#FFF1E7!important;border-color:#D97757!important;color:#1f1e1d!important;box-shadow:none!important}

/* v26 sticky step chrome */
.topbar{position:sticky!important;top:0!important;z-index:40!important}
.progress{position:sticky!important;top:58px!important;z-index:30!important;padding:10px 0 12px!important;background:rgba(250,249,245,.94)!important;backdrop-filter:blur(10px)!important}
.step-title{position:sticky!important;top:108px!important;z-index:20!important;padding:14px 0 8px!important;margin:0 0 10px!important;background:rgba(250,249,245,.94)!important;backdrop-filter:blur(10px)!important}
.step-sub{position:sticky!important;top:174px!important;z-index:19!important;padding:4px 0 12px!important;margin:0 0 20px!important;background:rgba(250,249,245,.94)!important;backdrop-filter:blur(10px)!important}
@media(max-width:640px){.progress{top:58px!important}.step-title{top:108px!important;font-size:clamp(2rem,11vw,3rem)!important}.step-sub{top:162px!important}}

/* v28 shared invoice surfaces */
.bar{background:transparent!important;border:0!important;box-shadow:none!important}
.receipt{background:transparent!important;box-shadow:none!important}
.pay{background:transparent!important;box-shadow:none!important}