.item-form-card:has(.item-special-detail) { display:block; }
.item-special-detail { width:100%; }
.item-special-detail > .field { max-width:600px; }
.item-detail-tools { display:flex; align-items:center; gap:7px; margin:16px 0 10px; }
.item-detail-tools > .lookup { width:286px; max-width:60%; }
.item-detail-grid { width:100%; margin-top:25px; margin-bottom:12px; }
.item-special-detail { min-height:calc(100vh - 240px); }
.item-special-detail:has([name="printDetailGroup"]) .item-detail-table-space { min-height:330px; background:#fff; border-bottom:1px solid #d9dde5; margin:0 5px 12px; }
.item-detail-grid td { height:34px; vertical-align:middle; }
.item-special-detail > .field:has(input[type=checkbox]) { display:flex!important; flex-direction:row-reverse; justify-content:flex-end; gap:5px; margin:8px 0!important; max-width:none; }
.item-special-detail > .field:has(input[type=checkbox]) > label { font-size:16px; margin:0!important; width:auto!important; flex:none!important; }
.item-special-detail > .field input[type=checkbox] { width:19px!important; height:19px; min-height:19px; margin:0!important; flex:none!important; }
.item-empty-detail { text-align:center; vertical-align:top; padding-top:12px!important; }
.item-detail-grid th { background:#556481; color:white; height:34px; text-align:center!important; }
.item-detail-grid tbody tr { cursor:pointer; }
.item-detail-grid tbody tr:hover { background:#ecf0f8; }
.item-detail-grid th { text-align:left; }
.item-detail-grid th:first-child { width:140px; }
.item-detail-dialog { min-width:450px; padding:8px 12px; }
.item-detail-dialog > .field { display:grid; grid-template-columns:140px 1fr; gap:12px; margin:10px 0; align-items:center; }
.item-detail-dialog > div > label { display:block; margin-bottom:7px; }
.item-variant-tags { display:flex; flex-wrap:wrap; gap:5px; margin:5px 0; }
.item-variant-tags button { padding:3px 8px; border:1px solid #a9b9d0; background:#edf1fa; }
.item-form-card .item-serial-row input[type=checkbox] { width:30px; height:16px; min-height:16px; flex:none; }
.item-special-detail > h2 { font-size:25px; color:#0a111e; border:0; font-weight:300; padding:0; margin-bottom:9px; }
.item-variant-detail > .field { display:grid; grid-template-columns:110px 106px; gap:10px; margin:0 0 9px; }
.item-variant-detail > .field label { font-size:15px; }
.item-auto-variants, .item-rename-variants { height:34px; width:40px; min-width:40px; padding:0; font-size:0; border-radius:6px; }
.item-auto-variants { background:#1e3ea0; border-color:#1e3ea0; color:white; }
.item-rename-variants { background:#1e50d4; border-color:#1e50d4; color:white; }
.item-auto-variants::before { content:'\e08c'; font-family:'bc-glyphs'; font-size:20px; }
.item-rename-variants::before { content:'\e173'; font-family:'bc-glyphs'; font-size:20px; }
.variant-detail-title { margin:0 0 0 auto; font-size:22px; font-weight:400; color:#000; }
.item-form-card .field:has(select[name='itemType']) > label::after,
.item-form-card .field:has(input[name='upcNo']) > label::after { content:'\e9a3'; font-family:'bc-icons'; font-size:14px; margin-left:5px; }

/* Item form as in the original: switches, ⓘ hints, suffixes, opening stock, account note, image tile, right-aligned tabs. */
.item-page .horizontal-tabs .item-tab-spacer { flex: 1; }
.item-form-card .item-hint { font-family: 'bc-icons'; font-size: 14px; margin-left: 5px; cursor: help; }
.item-form-card .item-switch-row { display: flex; align-items: center; gap: 30px; margin: 8px 20px; font-size: 14px; cursor: pointer; }
.item-form-card input.item-switch { appearance: none; width: 30px; height: 16px; min-height: 16px; border-radius: 8px; background: #b7bbc3; position: relative; margin: 0; cursor: pointer; flex: none; }
.item-form-card input.item-switch::after { content: ''; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; transition: left .15s; }
.item-form-card input.item-switch:checked { background: #21409a; }
.item-form-card input.item-switch:checked::after { left: 16px; }
.item-form-card .field:has(.item-suffix) { grid-template-columns: 32% minmax(0, 260px) auto; }
.item-form-card .item-suffix { white-space: nowrap; font-size: 14px; }
.item-form-card .field:has(.item-currency) > input { padding-left: 34px; }
.item-form-card .field:has(.item-currency) { position: relative; }
.item-form-card .item-currency { position: absolute; left: calc(32% + 14px); padding: 0 7px; font-size: 11px; color: #848890; background: #eaeef7; height: 32px; line-height: 32px; border-right: 1px solid #c8ccd4; }
.item-form-card .item-money-entry { display: flex; align-items: center; min-width: 0; height: 34px; border: 1px solid #c4c8d0; border-radius: 8px; overflow: hidden; background: #fff; }
.item-form-card .item-money-entry .item-currency { position: static; flex: none; }
.item-form-card .item-money-entry input { min-width: 0; width: 100%; height: 32px; border: 0; border-radius: 0; text-align: right; }
.item-form-card .item-stock-pane { grid-column: 1 / -1; }
.item-form-card .item-pane-head { display: flex; align-items: center; gap: 90px; margin-bottom: 8px; }
.item-form-card .item-pane-head h3 { margin: 0; font-size: 22px; font-weight: 400; color: #000; }
.item-form-card .item-add-button { width: 54px; height: 34px; border: 1px solid #21409a; border-radius: 6px; background: #fff; color: #21409a; font-size: 22px; font-weight: 700; line-height: 1; }
.item-form-card .item-stock-summary { margin-top: 40px; max-width: 700px; }
.item-form-card .item-stock-summary input { text-align: right; }
.item-form-card .item-account-note { margin: 10px 0 0; padding-left: 12px; border-left: 3px solid #848890; color: #e00; font-style: italic; font-size: 12px; }
.item-form-card .item-image-pane { grid-column: 1 / -1; display: flex; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.item-form-card .item-image-add { width: 40px; height: 34px; border: 0; border-radius: 6px; background: #21409a; color: #fff; font-size: 22px; font-weight: 700; }
.item-form-card .item-image-thumb { position: relative; margin: 0; }
.item-form-card .item-image-thumb img { max-width: 180px; max-height: 180px; border: 1px solid #c8ccd4; }
.item-form-card .item-image-remove { position: absolute; top: 2px; right: 2px; border: 0; background: #fff; color: #d00; border-radius: 50%; width: 22px; height: 22px; }
.item-form-card .item-group-price input[type=checkbox] { justify-self: start; }