.barkat-fulfil { margin: 0 0 1.25rem; }
.barkat-fulfil__box { border: 0; border-radius: var(--bks-card-radius, 14px); padding: 1rem 1.1rem 1.2rem; background: var(--bks-card-bg, #faf7f2); color: var(--bks-text, #241a1a); font-size: 1rem; line-height: 1.4; }
.barkat-fulfil__box.is-mini { padding: .7rem .8rem; font-size: .9rem; margin-bottom: .75rem; }
.barkat-fulfil .bf-title { margin: 0 0 .7rem; font-size: 1.1rem; }
.barkat-fulfil .bf-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.barkat-fulfil .bf-cards.is-single { grid-template-columns: 1fr; }
.barkat-fulfil .bf-type { position: relative; display: flex; align-items: center; gap: .9rem; min-height: 78px; padding: .9rem 1.2rem; border: var(--bks-border-w, 1px) solid var(--bks-border, #d9d4ca); border-radius: var(--bks-radius, 10px); background: var(--bks-bg, #fff); color: var(--bks-text, #17233f); cursor: pointer; transition: box-shadow .15s, border-color .15s; }
.barkat-fulfil .bf-type input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.barkat-fulfil .bf-type:focus-within { outline: 3px solid rgba(217,150,43,.45); outline-offset: 2px; }
.barkat-fulfil .bf-type:hover { border-color: var(--bks-hover, #9b0000); }
.barkat-fulfil .bf-type.is-on { background: var(--bks-sel-bg, #fff5f2); border-color: var(--bks-sel-border, #9b0000); color: var(--bks-sel-text, inherit); box-shadow: 0 0 0 1px var(--bks-sel-border, #9b0000); }
.barkat-fulfil .bf-ico { display: inline-flex; flex: none; }
.barkat-fulfil .bf-name { font-size: 1.1rem; font-weight: 700; flex: 1; }
.barkat-fulfil .bf-req { color: var(--bks-accent, #9b0000); font-weight: 700; }
.barkat-fulfil .bf-check { flex: none; width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--bks-border, #d9d4ca); box-sizing: border-box; color: var(--bks-sel-border, #9b0000); display: inline-flex; }
.barkat-fulfil .bf-check.is-on { border: 0; }
.barkat-fulfil .bf-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: .9rem 1.4rem; padding: 0 .1rem; }
.barkat-fulfil .bf-lab { display: block; margin: 0 0 .35rem; font-size: .85rem; font-weight: 700; color: #17233f; }
.barkat-fulfil .bf-lab .bf-req { color: #b42318; }
.barkat-fulfil .bf-field select { width: 100%; min-height: 46px; padding: 0 .8rem; border: var(--bks-border-w, 1px) solid var(--bks-border, #d9d4ca); border-radius: var(--bks-radius, 10px); background: #fff; font: inherit; font-size: .92rem; }
.barkat-fulfil__box.is-mini .bf-type { min-height: 44px; padding: .5rem .8rem; gap: .6rem; }
.barkat-fulfil__box.is-mini .bf-name { font-size: .95rem; }
.barkat-fulfil__box.is-mini .bf-cards { grid-template-columns: 1fr 1fr; gap: .5rem; margin-bottom: .6rem; }
.barkat-fulfil__box.is-mini .bf-check { width: 20px; height: 20px; }
.barkat-fulfil__box.is-mini .bf-check svg { width: 20px; height: 20px; }
.barkat-fulfil__box.is-mini .bf-fields { grid-template-columns: 1fr; gap: .5rem; }
.barkat-fulfil .bf-note { margin: .6rem 0 0; color: #6f6262; font-size: .9em; }
.barkat-fulfil .bf-status { margin: .7rem 0 0; font-size: .85rem; color: #6f6262; }
.barkat-fulfil .bf-status.is-ok { color: #1a7f37; font-weight: 600; }
.barkat-fulfil .bf-status.is-error, .barkat-fulfil .bf-closed { color: #b42318; }
.barkat-fulfil .bf-save { margin-top: .7rem; min-height: 44px; padding: 0 1.4rem; border: 0; border-radius: var(--bks-btn-radius, 8px); background: var(--bks-btn-bg, var(--bks-accent, var(--barkat-accent, #9b0000))); color: var(--bks-btn-text, #fff); font: inherit; font-weight: 700; cursor: pointer; }
.barkat-off { color: #b42318; font-weight: 600; }