/* Shared popup chrome and content primitives. Feature CSS owns composition only.
   Important declarations in this named layer outrank legacy unlayered overrides;
   consumers change semantic variants, never raise selector specificity. */
/* Both entry shells must resolve shared table/KPI roles before popup defaults. */
@layer rs-table-contract, redsos-popup-foundation;
@layer redsos-popup-foundation {
 body.admin-brand select[data-brand-select][hidden]{display:none!important}
 body.admin-brand .rs-popup-packed {
  --rs-title:var(--rs-title-size,25px);--rs-copy:14px;--rs-label:13px;--rs-meta:12px;--rs-gap:12px;
  --rs-popup-edge:16px;--rs-popup-radius:24px;--rs-popup-panel-radius:14px;
  --rs-popup-paper:#fff;--rs-popup-soft:#faf8f5;--rs-popup-ink:#1c1917;
  --rs-popup-muted:#68615a;--rs-popup-line:#e5dfd5;--rs-popup-brand:#8b1515;
  --rs-popup-pad-block:16px;--rs-popup-pad-inline:20px;--rs-popup-control:40px;--rs-popup-shadow:0 20px 60px #1c19172e;--rs-popup-backdrop:#1c1917a6;
  font-family:Outfit,system-ui,sans-serif!important;
 }
 body.admin-brand .rs-popup-packed [hidden]{display:none!important}
 /* Packed wrappers inherit tokens only; viewport backdrop belongs to the actual popup root. */
 body.admin-brand .rs-popup.rs-popup-packed:not(dialog){padding:var(--rs-popup-edge)!important;background:var(--rs-popup-backdrop)!important;backdrop-filter:blur(8px)!important}
 body.admin-brand dialog.rs-popup-packed::backdrop{background:var(--rs-popup-backdrop)!important;backdrop-filter:blur(8px)!important}
 body.admin-brand .rs-contract-card {
  max-width:calc(100vw - 2 * var(--rs-popup-edge))!important;
  max-height:calc(100dvh - 2 * var(--rs-popup-edge))!important;
  min-height:0!important;box-sizing:border-box!important;box-shadow:var(--rs-popup-shadow)!important;
  border:1px solid var(--rs-popup-line)!important;border-radius:var(--rs-popup-radius)!important;
  background:var(--rs-popup-paper)!important;color:var(--rs-popup-ink)!important;overflow:hidden!important;
 }
 body.admin-brand .rs-contract-card[data-rs-popup-flow=column]{display:flex!important;flex-direction:column!important}
 body.admin-brand .rs-contract-card[data-rs-popup-width=managed]{width:min(var(--rs-popup-width,760px),100%)!important}
 body.admin-brand .rs-contract-card>[data-rs-popup-form]{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:calc(100dvh - 2 * var(--rs-popup-edge) - 2px)!important;margin:0!important}
 body.admin-brand .rs-contract-header {
  padding:10px var(--rs-popup-pad-inline) 8px!important;min-height:58px!important;
  flex-shrink:0!important;gap:var(--rs-gap)!important;align-items:center!important;
  border-bottom:0!important;background:var(--rs-popup-paper)!important;
  color:var(--rs-popup-ink)!important;box-sizing:border-box!important;
 }
 body.admin-brand .rs-contract-header p{font:400 var(--rs-meta)/1.35 Outfit,system-ui,sans-serif!important;margin:4px 0 0!important;color:var(--rs-popup-muted)!important}
 body.admin-brand .rs-contract-title{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin:0!important;font:600 var(--rs-title)/1.2 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;color:var(--rs-popup-ink)!important;overflow-wrap:anywhere}
 body.admin-brand .rs-contract-title:has(strong){font-weight:300!important}
 body.admin-brand .rs-contract-title :where(span,.rs-title-light){font:300 var(--rs-title)/1.2 Outfit,system-ui,sans-serif!important;color:inherit!important}
 body.admin-brand .rs-contract-title strong{font:650 var(--rs-title)/1.2 Outfit,system-ui,sans-serif!important;color:inherit!important}
 body.admin-brand .rs-contract-icon{width:var(--rs-title-icon,24px)!important;height:var(--rs-title-icon,24px)!important;flex:none!important;color:var(--rs-popup-brand)!important;stroke-width:2!important}
 body.admin-brand .rs-contract-icon-wrap{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;border:0!important;background:transparent!important;flex:0 0 24px!important}
 body.admin-brand .rs-contract-title :is(small,.shift-date){font:400 var(--rs-meta)/1.35 Outfit,system-ui,sans-serif!important;color:var(--rs-popup-muted)!important}
 body.admin-brand .rs-contract-body{min-height:0!important;flex:1 1 auto!important;padding:var(--rs-popup-pad-block) var(--rs-popup-pad-inline)!important;gap:var(--rs-gap)!important;overflow:auto!important;color:var(--rs-popup-ink);font:400 var(--rs-copy)/1.45 Outfit,system-ui,sans-serif}
 body.admin-brand .rs-contract-footer{flex-shrink:0!important;padding:12px var(--rs-popup-pad-inline)!important;gap:8px!important;border-top:1px solid var(--rs-popup-line)!important;background:var(--rs-popup-soft)!important}
 body.admin-brand .rs-popup-packed .rs-popup-footer-empty{display:none!important}
 body.admin-brand .rs-popup-action {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:auto!important;min-width:80px!important;max-width:100%!important;height:var(--rs-popup-control)!important;min-height:var(--rs-popup-control)!important;
  padding:0 16px!important;border:1px solid var(--rs-popup-line)!important;border-radius:999px!important;
  background:var(--rs-popup-soft)!important;color:var(--rs-popup-ink)!important;
  font:500 var(--rs-copy)/1.2 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;flex-shrink:0!important;cursor:pointer;
 }
 body.admin-brand .rs-popup-action[data-rs-popup-action=primary]{background:var(--rs-popup-brand)!important;border-color:var(--rs-popup-brand)!important;color:#fff!important}
 body.admin-brand .rs-popup-action[data-rs-popup-action=danger]{color:var(--rs-popup-brand)!important}
 body.admin-brand .rs-popup-action>span{font:inherit!important;color:inherit!important}
 body.admin-brand .rs-popup-action:disabled{opacity:1!important;background:#eee8e2!important;border-color:var(--rs-popup-line)!important;color:#82766c!important;cursor:default!important;box-shadow:none!important}
 body.admin-brand .rs-popup-packed :is(button,input,select,textarea,a,summary):focus-visible{outline:2px solid var(--rs-popup-brand)!important;outline-offset:3px}
 body.admin-brand .rs-popup-packed :is(label,.sh-search){font:400 var(--rs-label)/1.35 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
 body.admin-brand .rs-popup-packed label>span{font:400 var(--rs-label)/1.35 Outfit,system-ui,sans-serif!important}
 body.admin-brand .rs-popup-packed :is(input,select,textarea){font:500 var(--rs-copy)/1.35 Outfit,system-ui,sans-serif!important;min-width:0;box-sizing:border-box}
 body.admin-brand .rs-popup-packed :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea,.rs-select-trigger){min-height:var(--rs-popup-control)!important;border-color:var(--rs-popup-line)!important;border-radius:12px!important}
 body.admin-brand .rs-popup-packed [data-rs-popup-field=price]{font-size:32px!important;font-weight:600!important}
 /* One amount field: its label and currency belong inside the same frame. */
 body.admin-brand .rs-popup-packed .rs-popup-price-field{display:flex!important;flex-direction:column!important;gap:4px!important;box-sizing:border-box!important;height:auto!important;min-height:80px!important;padding:8px 12px!important;border:1px solid var(--rs-popup-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
 body.admin-brand .rs-popup-packed .rs-popup-price-field[data-rs-popup-density=compact]{min-height:56px!important;gap:0!important}
 body.admin-brand .rs-popup-packed .rs-popup-price-field:focus-within{border-color:var(--rs-popup-brand)!important;box-shadow:0 0 0 1px var(--rs-popup-brand)!important}
 body.admin-brand .rs-popup-packed .rs-popup-price-field>label{align-self:stretch!important;text-align:start!important;margin:0!important;color:var(--rs-popup-muted)!important;font:400 var(--rs-label)/1.25 Outfit,system-ui,sans-serif!important}
 body.admin-brand .rs-popup-packed .rs-popup-price-input{display:flex!important;align-items:center!important;align-self:stretch!important;width:100%!important;gap:8px!important;min-width:0!important}
 body.admin-brand .rs-popup-packed .rs-popup-price-input input{flex:1!important;width:0!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#1c1917!important;font:600 32px/1.2 Outfit,system-ui,sans-serif!important}
 body.admin-brand .rs-popup-packed .rs-popup-price-input>span{position:static!important;transform:none!important;flex:none!important;color:var(--rs-popup-brand)!important;font:400 22px/1 Outfit,system-ui,sans-serif!important;pointer-events:none}
 body.admin-brand .rs-popup-packed .qpm-price-stats>div{padding:8px!important;gap:4px!important}
 body.admin-brand .rs-popup-packed .qpm-price-stats span{display:flex!important;align-items:center!important;min-height:32px!important;color:#d6d3d1!important;font:400 13px/1.25 Outfit,system-ui,sans-serif!important}
 body.admin-brand .rs-popup-packed .qpm-price-stats strong{font:600 18px/1.25 Outfit,system-ui,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important}
 body.admin-brand .rs-popup-packed .qpm-selection{background:var(--rs-popup-soft)!important;border:1px solid var(--rs-popup-line)!important;border-radius:var(--rs-popup-panel-radius)!important}
 body.admin-brand .rs-popup-packed #qpm-price-box{background:#1c1917!important;color:#fff!important;border:1px solid #1c1917!important;border-radius:var(--rs-popup-panel-radius)!important;padding:12px!important}
 body.admin-brand .rs-popup-packed .qpm-price-heading{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
 body.admin-brand .rs-popup-packed #qpm-selected-name{font:500 16px/1.35 Outfit,system-ui,sans-serif!important;color:#fff!important;overflow-wrap:anywhere!important}
 body.admin-brand .rs-popup-packed .qpm-price-stats>div{display:flex!important;flex-direction:column!important;min-height:64px!important;border:1px solid #ffffff20!important;border-radius:12px!important;background:#ffffff0b!important}
 body.admin-brand .rs-popup-packed .qpm-price-stats strong{color:#fff!important}
 body.admin-brand .rs-popup-packed .qpm-price-stats span{min-height:18px!important}
 body.admin-brand .rs-popup-packed .qpm-search{position:relative!important;height:40px!important;min-height:40px!important;margin:0!important;background:#fff!important;border:1px solid var(--rs-popup-line)!important;border-radius:12px!important}
 body.admin-brand .rs-popup-packed #qpm-price-error{color:var(--rs-popup-brand)!important;font:400 14px/1.4 Outfit,system-ui,sans-serif!important;margin:8px 0 0!important}
 body.admin-brand .rs-popup-packed #qpm-price-error[hidden]{display:none!important}
 body.admin-brand .rs-popup-packed .qpm-search:focus-within{border-color:var(--rs-popup-brand)!important;box-shadow:none!important}
 body.admin-brand .rs-popup-packed #qpm-search-input{outline:0!important;outline-offset:0!important;width:100%!important;height:38px!important;min-height:38px!important;padding:0 36px 0 10px!important;border:0!important;background:transparent!important;box-shadow:none!important;font:400 14px/1.25 Outfit,system-ui,sans-serif!important}
 body.admin-brand .rs-popup-packed .qpm-search>svg{position:absolute!important;right:10px!important;top:10px!important;width:18px!important;height:18px!important;color:var(--rs-popup-brand)!important;pointer-events:none}
 body.admin-brand .rs-popup-packed .qpm-product-option{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:44px!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:10px!important;background:#fff!important;text-align:left!important;font:500 14px/1.3 Outfit,system-ui,sans-serif!important;color:var(--rs-popup-ink)!important}
 body.admin-brand .rs-popup-packed .qpm-product-option>span:first-child{min-width:0!important;overflow-wrap:anywhere!important;font:inherit!important}
 body.admin-brand .rs-popup-packed .qpm-product-option>span:last-child{flex:none!important;white-space:nowrap!important;font:600 14px/1.3 Outfit,system-ui,sans-serif!important;color:var(--rs-popup-brand)!important}
 body.admin-brand .rs-popup-packed .qpm-product-option.is-selected{border-color:var(--rs-popup-brand)!important;background:#f6eded!important}
 @media(max-width:700px){body.admin-brand .rs-popup-packed .qpm-search{height:44px!important;min-height:44px!important}body.admin-brand .rs-popup-packed #qpm-search-input{height:42px!important;min-height:42px!important}body.admin-brand .rs-popup-packed .qpm-search>svg{top:12px!important}}
 /* Central percent/amount (and equivalent unit) segmented control. */
 body.admin-brand .rs-popup-packed .rs-unit-rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:0!important;padding:4px!important;border:1px solid var(--rs-popup-line)!important;border-radius:999px!important;background:#f5f2ed!important;min-width:0!important}
 body.admin-brand .rs-popup-packed .rs-unit-rail>button{min-width:0!important;min-height:36px!important;height:auto!important;padding:8px 12px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:#44403a!important;font:400 14px/1.25 Outfit,system-ui,sans-serif!important;white-space:nowrap!important;cursor:pointer}
 body.admin-brand .rs-popup-packed .rs-unit-rail>button.active{color:#fff!important;font-weight:600!important}
 body.admin-brand .rs-popup-packed .rs-unit-rail:not(:has(>.category-rail-indicator))>button.active{background:#8b1515!important}
 body.admin-brand .rs-popup-packed .rs-unit-rail>.category-rail-indicator{border-radius:999px!important;background:#8b1515!important}
 body.admin-brand .rs-popup-packed .bpm-value-card{display:flex!important;flex-direction:column!important;gap:12px!important}
 body.admin-brand .rs-popup-packed .bpm-impact{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;align-content:start!important;gap:6px 12px!important;min-height:0!important;padding:12px!important}
 body.admin-brand .rs-popup-packed .bpm-impact>span{font:400 13px/1.3 Outfit,system-ui,sans-serif!important;color:#3f6546!important}
 body.admin-brand .rs-popup-packed .bpm-impact>strong{font:600 24px/1.2 Outfit,system-ui,sans-serif!important;color:#2e5738!important}
 body.admin-brand .rs-popup-packed .bpm-impact>p{grid-column:1/-1!important;font:400 12px/1.4 Outfit,system-ui,sans-serif!important;color:#3f6546!important;margin:0!important}
 body.admin-brand .rs-popup-packed :is(input,select,textarea)::placeholder{font-weight:400!important;color:#928a82;opacity:1}
 body.admin-brand .rs-popup-packed :is(button,a){font-size:var(--rs-copy)!important;font-weight:500!important;letter-spacing:0!important}
 body.admin-brand .rs-popup-packed small{font:400 var(--rs-meta)/1.35 Outfit,system-ui,sans-serif!important}
 body.admin-brand .rs-popup-packed :is(th,td){font-size:var(--rs-copy)!important;line-height:1.35!important;vertical-align:middle;letter-spacing:0!important}
 body.admin-brand .rs-popup-packed th{font-weight:500!important}
 body.admin-brand .rs-popup-packed td strong{font-size:15px!important;font-weight:600!important}
 body.admin-brand .rs-popup-packed .rs-popup-section-heading{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:var(--rs-gap)!important;padding:0!important;border:0!important;background:transparent!important;margin:0 0 var(--rs-gap)!important}
 body.admin-brand .rs-popup-section-heading :is(h3,h4,h5){display:block!important;margin:0!important;font:600 18px/1.3 Outfit,system-ui,sans-serif!important;letter-spacing:0!important;color:var(--rs-popup-ink)!important}
 body.admin-brand .rs-popup-section-heading>span{font:400 var(--rs-meta)/1.35 Outfit,system-ui,sans-serif!important;color:var(--rs-popup-muted)!important}
 body.admin-brand .rs-contract-body :is(h3,h4){font:600 18px/1.3 Outfit,system-ui,sans-serif!important;letter-spacing:0!important}
 body.admin-brand .rs-popup-amount{font:650 28px/1.2 Outfit,system-ui,sans-serif!important;white-space:nowrap!important;overflow-wrap:normal!important;font-variant-numeric:tabular-nums}
 body.admin-brand .rs-popup-record-heading{font:500 14px/1.4 Outfit,system-ui,sans-serif!important;color:var(--rs-popup-brand)!important;margin:0 0 8px!important;padding:0 0 8px!important;border-bottom:1px solid var(--rs-popup-line)!important}
 body.admin-brand .rs-popup-panel{padding:12px!important;border:1px solid var(--rs-popup-line)!important;border-radius:var(--rs-popup-panel-radius)!important;background:var(--rs-popup-soft)!important;min-width:0!important;box-shadow:none!important}
 body.admin-brand .rs-popup-panel[data-rs-popup-tone=ink]{background:#292725!important;border-color:#292725!important;color:#fff!important}
 body.admin-brand .rs-popup-panel[data-rs-popup-tone=brand]{background:#711d24!important;border-color:#711d24!important;color:#fff!important}
 body.admin-brand .rs-popup-panel[data-rs-popup-tone] :is(h3,strong){color:inherit!important}
 body.admin-brand .rs-popup-panel[data-rs-popup-tone] p{color:#e0d9d1!important;font:400 13px/1.4 Outfit,system-ui,sans-serif!important;margin:5px 0 0!important}
 body.admin-brand .rs-popup-key-values{display:grid!important;gap:var(--rs-gap)!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
 body.admin-brand .rs-popup-key-values>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-width:0!important;padding:12px!important;border:1px solid var(--rs-popup-line)!important;border-radius:var(--rs-popup-panel-radius)!important;background:var(--rs-popup-soft)!important}
 body.admin-brand .rs-popup-key-values dt{font:400 var(--rs-label)/1.4 Outfit,system-ui,sans-serif!important;color:#57534e!important;margin:0!important}
 body.admin-brand .rs-popup-key-values dd{font:600 20px/1.25 Outfit,system-ui,sans-serif!important;color:var(--rs-popup-ink)!important;margin:0!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
 body.admin-brand .rs-popup-key-values>[data-rs-popup-result]{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;grid-column:1/-1!important;background:#f6eded!important;border-color:#e8d4d4!important}
 body.admin-brand .rs-popup-key-values>[data-rs-popup-result] :is(dt,dd){color:var(--rs-popup-brand)!important;font-weight:600!important}
 body.admin-brand .rs-popup-record-list{list-style:none!important;margin:0!important;padding:0!important}
 body.admin-brand .rs-popup-record-list>li{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:var(--rs-gap)!important;padding:10px 0!important;border-bottom:1px solid var(--rs-popup-line)!important;font-size:var(--rs-copy)!important}
 body.admin-brand .rs-popup-record-list>li:last-child{border-bottom:0!important}
 body.admin-brand .rs-popup-record-list>li>div{min-width:0!important;overflow-wrap:anywhere!important}
 body.admin-brand .rs-popup-record-list strong{font:500 var(--rs-copy)/1.4 Outfit,system-ui,sans-serif!important}
 body.admin-brand .rs-popup-record-list small{display:block!important;color:var(--rs-popup-muted)!important}
 body.admin-brand .rs-popup-record-list b{font:600 15px/1.4 Outfit,system-ui,sans-serif!important;white-space:nowrap!important;flex:none!important;font-variant-numeric:tabular-nums}
 body.admin-brand .rs-popup-packed[data-rs-popup-theme=dark]{--rs-popup-paper:#1c1917;--rs-popup-soft:#292725;--rs-popup-ink:#fff;--rs-popup-muted:#d6d0c8;--rs-popup-line:#55504a}
 @media(max-width:700px){body.admin-brand .rs-popup-packed{--rs-title:var(--rs-title-size,25px);--rs-popup-edge:12px;--rs-popup-pad-block:14px;--rs-popup-pad-inline:14px;--rs-popup-control:44px}body.admin-brand .rs-contract-header{padding-block:12px!important;flex-wrap:wrap!important}body.admin-brand .rs-popup-packed .rs-popup-price-input input{height:44px!important;min-height:44px!important}}
 @media(max-width:1024px),(pointer:coarse){body.admin-brand .rs-popup-packed .rs-unit-rail>button{min-height:44px!important}}
 /* Keep editable phone fields at Safari's readable focus size without disabling user zoom. */
 @media(max-width:1050px){
  body.admin-brand .rs-popup-packed :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]),select,textarea){font-size:16px!important}
 }
 /* Mobile-only dismiss: 32px circle inside a 44px touch target, one shared source. */
 body.admin-brand .rs-popup-mobile-close{display:none!important}
 @media(max-width:1050px){
  body.admin-brand .rs-popup-close-anchor{position:relative!important}
  body.admin-brand .rs-popup-mobile-close-header{padding-inline-start:58px!important;min-height:58px!important}
  body.admin-brand button.rs-popup-mobile-close:not([hidden]){display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;inset:7px auto auto 7px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#8b1515!important;box-shadow:none!important;flex:none!important;cursor:pointer;z-index:2}
  body.admin-brand .rs-popup-mobile-close::before{content:"";position:absolute;inset:6px;border:1px solid #e5dfd5;border-radius:50%;background:#faf8f5;pointer-events:none}
  body.admin-brand .rs-popup-mobile-close>svg{position:relative;width:16px!important;height:16px!important;flex:none;pointer-events:none}
  body.admin-brand .rs-popup-mobile-close:focus-visible{outline:2px solid #8b1515!important;outline-offset:0!important}
  body.admin-brand .rs-popup-mobile-close-header .rs-popup-mobile-close-original{display:none!important}
 }
}

/* Single authoritative NON-AI typography contract. Feature files own layout/colors. */
body.admin-brand .rs-popup-packed :is(.rs-bento-form,.rs-product-form){gap:12px!important}
body.admin-brand .rs-popup-packed .rs-bento-form>section{padding:12px!important;border-radius:14px!important;box-shadow:none!important;border:1px solid #e5dfd5!important;background:#faf8f5!important}
body.admin-brand .rs-popup-packed .rs-channel-tabs{display:flex;align-items:center;gap:2px!important;padding:4px!important;border-radius:999px!important;flex-wrap:nowrap;overflow:auto}
body.admin-brand .rs-popup-packed .rs-channel-tabs>button{font-size:14px!important;min-height:32px!important;padding:6px 11px!important;border-radius:999px!important;white-space:nowrap}
body.admin-brand #product-management-modal#product-management-modal#product-management-modal.rs-popup-packed .rs-contract-card{width:min(900px,calc(100vw - 32px))!important;max-width:min(900px,calc(100vw - 32px))!important}
body.admin-brand #category-management-modal#category-management-modal#category-management-modal.rs-popup-packed .rs-contract-card{width:min(1040px,calc(100vw - 32px))!important;max-width:min(1040px,calc(100vw - 32px))!important}
body.admin-brand #quick-price-modal#quick-price-modal#quick-price-modal.rs-popup-packed .rs-contract-card{width:min(760px,calc(100vw - 32px))!important;max-width:min(760px,calc(100vw - 32px))!important}
body.admin-brand #bulk-price-modal#bulk-price-modal#bulk-price-modal.rs-popup-packed .rs-contract-card{width:min(760px,calc(100vw - 32px))!important;max-width:min(760px,calc(100vw - 32px))!important}
body.admin-brand #photo-upload-modal#photo-upload-modal#photo-upload-modal.rs-popup-packed .rs-contract-card{width:min(860px,calc(100vw - 32px))!important;max-width:min(860px,calc(100vw - 32px))!important}
body.admin-brand #product-card-modal#product-card-modal#product-card-modal.rs-popup-packed .rs-contract-card{width:min(1040px,calc(100vw - 32px))!important;max-width:min(1040px,calc(100vw - 32px))!important}
body.admin-brand #product-recipe-detail-modal#product-recipe-detail-modal#product-recipe-detail-modal.rs-popup-packed .rs-contract-card{width:min(1100px,calc(100vw - 32px))!important;max-width:min(1100px,calc(100vw - 32px))!important}
body.admin-brand #stats-modal-overlay#stats-modal-overlay#stats-modal-overlay.rs-popup-packed .rs-contract-card{width:min(640px,calc(100vw - 32px))!important;max-width:min(640px,calc(100vw - 32px))!important}
body.admin-brand #click-stats-overlay#click-stats-overlay#click-stats-overlay.rs-popup-packed .rs-contract-card{width:min(780px,calc(100vw - 32px))!important;max-width:min(780px,calc(100vw - 32px))!important}
body.admin-brand #recent-products-overlay#recent-products-overlay#recent-products-overlay.rs-popup-packed .rs-contract-card{width:min(820px,calc(100vw - 32px))!important;max-width:min(820px,calc(100vw - 32px))!important}
body.admin-brand #modal-expense-entry#modal-expense-entry#modal-expense-entry.rs-popup-packed .rs-contract-card{width:min(760px,calc(100vw - 32px))!important;max-width:min(760px,calc(100vw - 32px))!important}
body.admin-brand #modal-invoice-entry#modal-invoice-entry#modal-invoice-entry.rs-popup-packed .rs-contract-card{width:min(1040px,calc(100vw - 32px))!important;max-width:min(1040px,calc(100vw - 32px))!important}
body.admin-brand #modal-stock-item-detail#modal-stock-item-detail#modal-stock-item-detail.rs-popup-packed .rs-contract-card{width:min(900px,calc(100vw - 32px))!important;max-width:min(900px,calc(100vw - 32px))!important}
body.admin-brand #stock-audit-modal-root#stock-audit-modal-root#stock-audit-modal-root.rs-popup-packed .rs-contract-card{width:min(1040px,calc(100vw - 32px))!important;max-width:min(1040px,calc(100vw - 32px))!important}
body.admin-brand #stock-transfer-modal-root#stock-transfer-modal-root#stock-transfer-modal-root.rs-popup-packed .rs-contract-card{width:min(1080px,calc(100vw - 32px))!important;max-width:min(1080px,calc(100vw - 32px))!important}
body.admin-brand #category-breakdown-modal-root#category-breakdown-modal-root#category-breakdown-modal-root.rs-popup-packed .rs-contract-card{width:min(880px,calc(100vw - 32px))!important;max-width:min(880px,calc(100vw - 32px))!important}
body.admin-brand #modal-doner-operation#modal-doner-operation#modal-doner-operation.rs-popup-packed .rs-contract-card{width:min(900px,calc(100vw - 32px))!important;max-width:min(900px,calc(100vw - 32px))!important}
body.admin-brand #modal-doner-waste#modal-doner-waste#modal-doner-waste.rs-popup-packed .rs-contract-card{width:min(1040px,calc(100vw - 32px))!important;max-width:min(1040px,calc(100vw - 32px))!important}
body.admin-brand dialog.rs-popup-packed.rs-popup-packed.rs-popup-packed.rs-contract-card{max-width:calc(100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;box-sizing:border-box}
body.admin-brand .rs-popup-packed .stats-kpis span{font-size:14px!important;font-weight:400!important}
body.admin-brand .rs-popup-packed .stats-kpis strong{font-size:28px!important;font-weight:650!important}
body.admin-brand .rs-popup-packed .stats-table-wrap{min-height:0;overflow:auto}
body.admin-brand .rs-popup-packed .stats-chart[hidden]{display:none!important}
body.admin-brand .rs-popup-packed :is(.eops-month-picker,.eops-month-picker button){font-size:14px!important}
body.admin-brand .rs-popup-packed .eops-month-picker[hidden]{display:none!important}
@media(max-width:700px){
}

body.admin-brand .rs-popup-packed .rs-contract-copy.rs-contract-copy{font-size:14px!important;line-height:1.35!important}
body.admin-brand .rs-popup-packed .rs-contract-meta.rs-contract-meta{font-size:12px!important;line-height:1.35!important}
body.admin-brand .rs-popup-packed .rs-contract-emphasis.rs-contract-emphasis{font-weight:600!important}

body.admin-brand dialog.rs-popup-packed.rs-popup-packed.rs-popup-packed.eops-dialog{width:min(680px,calc(100vw - 32px))!important;height:auto!important}
body.admin-brand dialog.rs-popup-packed.rs-popup-packed.rs-popup-packed.sh-dialog{width:min(1000px,calc(100vw - 32px))!important}
body.admin-brand dialog.rs-popup-packed.rs-popup-packed.rs-popup-packed.cash-entry-dialog{width:min(620px,calc(100vw - 32px))!important;height:auto!important}
body.admin-brand dialog.rs-popup-packed.rs-popup-packed.rs-popup-packed.rs-production-dialog{width:min(980px,calc(100vw - 32px))!important}

/* Header text actions inherit their own button color, never subtitle gray. */

/* Secondary detail windows: source CSS labels also obey the readable floor. */
body.admin-brand #cat-modal-backdrop#cat-modal-backdrop#cat-modal-backdrop#cat-modal-backdrop.rs-popup-packed :is(.cat-stat-pill-label,.cat-donut-center-label,.cat-donut-center-sub,.cat-legend-val,.cat-bar-unit-badge,.cat-bar-rank,.cat-items-count,.cat-items-counter-badge,.cat-item-code-tag,.cat-stock-unit-sub,.cat-chart-subtitle,.cat-status-badge){font:400 12px/1.35 Outfit,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
body.admin-brand #cat-modal-backdrop#cat-modal-backdrop#cat-modal-backdrop#cat-modal-backdrop.rs-popup-packed :is(.cat-donut-legend-item,.cat-bar-label-row,.cat-legend-pct,.cat-filter-btn,.cat-search-box input){font-size:14px!important;line-height:1.35!important}
body.admin-brand #cat-modal-backdrop#cat-modal-backdrop#cat-modal-backdrop#cat-modal-backdrop.rs-popup-packed :is(.cat-chart-boxless-title,.cat-section-boxless-title){font:600 17px/1.3 Outfit,sans-serif!important}
body.admin-brand #cat-modal-backdrop#cat-modal-backdrop#cat-modal-backdrop#cat-modal-backdrop.rs-popup-packed .cat-stat-pill-val{font:650 22px/1.2 Outfit,sans-serif!important}
body.admin-brand #cat-modal-backdrop#cat-modal-backdrop#cat-modal-backdrop#cat-modal-backdrop.rs-popup-packed :is(.cat-modal-brand-badge,.cat-modal-sub-desc){display:none!important}
body.admin-brand #notification-detail-modal#notification-detail-modal#notification-detail-modal#notification-detail-modal.rs-popup-packed .rs-contract-card{width:min(560px,calc(100vw - 32px))!important;padding:16px!important}
body.admin-brand #notification-detail-modal#notification-detail-modal#notification-detail-modal#notification-detail-modal.rs-popup-packed .rs-popup-header{padding:0 0 12px!important;margin-bottom:12px!important}
body.admin-brand #notification-detail-modal#notification-detail-modal#notification-detail-modal#notification-detail-modal.rs-popup-packed .rs-popup-body{display:flex!important;flex-direction:column!important;gap:8px!important;padding:0!important;min-height:0!important}
/* Approved popup rhythm: one section gap, never an extra empty row. */
body.admin-brand .rs-popup{--rs-popup-section-gap:12px}
body.admin-brand .rs-popup :is(.rs-popup-body,.eops-dialog-body){row-gap:var(--rs-popup-section-gap)}

/* AI usage: portrait summary and vertically scrolling transaction history. */
#ai-usage-panel{position:fixed;inset:0;margin:auto;height:fit-content;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(740px,calc(100dvh - 32px));padding:0;border:1px solid #e5dfd5;border-radius:24px;background:#fff;color:#1c1917;overflow:hidden;font-family:Outfit,system-ui,sans-serif;box-sizing:border-box}
#ai-usage-panel[open]{display:flex;flex-direction:column}
#ai-usage-panel::backdrop{background:#1c1917a6;backdrop-filter:blur(8px)}
#ai-usage-panel *{box-sizing:border-box}
#ai-usage-panel .ai-usage-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;padding:16px 18px;border-bottom:1px solid #e5dfd5}
#ai-usage-panel h2{display:flex;align-items:center;gap:10px;margin:0;font-size:25px!important;font-weight:300!important;line-height:1.2!important;letter-spacing:0!important}
#ai-usage-panel h2 svg{width:26px;height:26px;color:#8b1515;flex-shrink:0}
#ai-usage-panel h2>span{font-weight:300}
#ai-usage-panel h2 strong{font-weight:650}
#ai-usage-panel .ai-usage-scope{padding:6px 10px;border:1px solid #e5dfd5;border-radius:999px;background:#faf8f5;font-size:13px;white-space:nowrap;flex-shrink:0}
#ai-usage-panel .ai-usage-content{min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px 18px;overflow:hidden}
#ai-usage-panel .ai-usage-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex-shrink:0}
#ai-usage-panel .ai-usage-metric{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:76px;padding:10px 14px;border-radius:14px;color:#fff;font-variant-numeric:tabular-nums}
#ai-usage-panel .ai-usage-metric>span{font-size:14px;font-weight:400;line-height:1.3;color:#f4eeeb}
#ai-usage-panel .ai-usage-metric>strong{font-size:28px;font-weight:650;line-height:1.15;overflow-wrap:anywhere}
#ai-usage-panel .ai-usage-cents{font-size:.66em;font-weight:300}
#ai-usage-panel .ai-usage-cost{grid-column:1/-1;background:#8b1515}
#ai-usage-panel .ai-usage-tokens{background:#292725}
#ai-usage-panel .ai-usage-requests{background:#44403a}
#ai-usage-panel .ai-usage-details{flex-shrink:0;border:1px solid #e5dfd5;border-radius:14px;background:#faf8f5}
#ai-usage-panel summary{display:flex;align-items:center;gap:8px;padding:10px 12px;list-style:none;cursor:pointer;font-size:14px;font-weight:500;min-height:40px}
#ai-usage-panel summary::-webkit-details-marker{display:none}
#ai-usage-panel summary::before{content:'+';color:#8b1515;font-size:18px;line-height:1}
#ai-usage-panel details[open] summary::before{content:'−'}
#ai-usage-panel summary>span{margin-left:auto;color:#57534e;font-size:13px;font-weight:400;text-align:right}
#ai-usage-panel .ai-usage-detail-copy{padding:0 12px 12px;max-height:clamp(48px,calc(100dvh - 600px),140px);overflow:auto}
#ai-usage-panel .ai-usage-detail-copy p{margin:5px 0;font-size:14px;font-weight:400;line-height:1.45;color:#57534e}
#ai-usage-panel .ai-usage-records-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}
#ai-usage-panel .ai-usage-records-heading h3{margin:0;font-size:18px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.3!important}
#ai-usage-panel .ai-usage-records-heading>span{font-size:13px;color:#57534e}
#ai-usage-panel .ai-usage-records{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:3px}
#ai-usage-panel .ai-usage-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
#ai-usage-panel .ai-usage-event{border:1px solid #e5dfd5;border-radius:14px;background:#fcfbf8;padding:10px 12px;display:flex;flex-direction:column;gap:5px;min-width:0;font-variant-numeric:tabular-nums}
#ai-usage-panel .ai-usage-event-main{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px;line-height:1.3}
#ai-usage-panel .ai-usage-event-main>strong{font-weight:500;overflow-wrap:anywhere}
#ai-usage-panel .ai-usage-event-cost{font-weight:600;white-space:nowrap;flex-shrink:0}
#ai-usage-panel .ai-usage-event-meta,#ai-usage-panel .ai-usage-event-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;color:#57534e;font-size:13px;line-height:1.35}
#ai-usage-panel .ai-usage-event-branch{padding:3px 7px;border-radius:999px;background:#faf8f5;color:#44403a;font-size:12px}
#ai-usage-panel .ai-usage-event-meta{justify-content:flex-start}
#ai-usage-panel .ai-usage-event-model{min-width:0;font-size:13px;font-weight:400;color:#57534e;overflow-wrap:anywhere}
#ai-usage-panel .ai-usage-result{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;line-height:1.3}
#ai-usage-panel .is-success{background:#edf4ef;color:#285b3d}
#ai-usage-panel .is-error{background:#f9eeee;color:#8b1515}
#ai-usage-panel .ai-usage-empty{margin:0;padding:20px 0;font-size:14px;color:#57534e}
#ai-usage-panel .ai-usage-state{margin:0;padding:14px 0;font-size:14px;line-height:1.45;color:#57534e}
#ai-usage-panel .ai-usage-state p{margin:0 0 12px}
#ai-usage-panel button{min-height:40px;padding:0 14px;border:1px solid #e5dfd5;border-radius:999px;background:#faf8f5;color:#1c1917;font:500 14px Outfit,system-ui,sans-serif;cursor:pointer}
#ai-usage-panel :is(summary,button,.ai-usage-records):focus-visible{outline:2px solid #8b1515;outline-offset:2px}
#ai-usage-panel:focus-visible{outline:0}
@media(max-width:700px){
 #ai-usage-panel{width:min(480px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
 #ai-usage-panel .ai-usage-header{padding:12px}
 #ai-usage-panel h2{font-size:23px!important;gap:8px}
 #ai-usage-panel .ai-usage-scope{font-size:12px}
 #ai-usage-panel .ai-usage-content{padding:12px;gap:10px}
 #ai-usage-panel .ai-usage-totals{gap:8px}
 #ai-usage-panel .ai-usage-metric{padding:10px 12px;min-height:72px}
 #ai-usage-panel summary{min-height:44px;flex-wrap:wrap}
 #ai-usage-panel summary>span{font-size:12px}
 #ai-usage-panel .ai-usage-event{padding:10px}
 #ai-usage-panel .ai-usage-event-main{flex-wrap:wrap;gap:4px 10px}
 #ai-usage-panel .ai-usage-event-cost{margin-left:auto}
 #ai-usage-panel .ai-usage-state button{min-height:44px}
}

/* One visual contract for branded single-selection menus; native select owns values. */
body.admin-brand button.rs-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--rs-select-content-gap,10px);width:var(--rs-select-field-width,100%);max-width:100%;min-width:0;flex-shrink:1;min-height:36px;height:36px;padding:6px 10px;border:1px solid #e5dfd5;border-radius:11px;background:#fff;color:#1c1917;font:400 14px/1.3 Outfit,system-ui,sans-serif!important;text-align:left;cursor:pointer}
body.admin-brand .rs-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:#1c1917!important}
body.admin-brand .rs-select-chevron{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;align-self:center;color:#8b1515;font-size:0;line-height:0}
body.admin-brand .rs-select-chevron::after{content:"";display:block;width:7px;height:7px;border-right:1.75px solid currentColor;border-bottom:1.75px solid currentColor;transform:rotate(45deg);margin-bottom:4px;box-sizing:border-box}
body.admin-brand .rs-select-trigger[aria-expanded=true],body.admin-brand .rs-select-trigger:focus-visible{outline:2px solid #8b1515;outline-offset:2px}
/* Composite filters own one outer focus frame, including their visible label. */
body.admin-brand :is(.el-inline-filter,.am-filter-field,.rs-page-filter-field) .rs-select-trigger:is([aria-expanded=true],:focus-visible){outline:0!important}
body.admin-brand :is(.el-inline-filter,.am-filter-field,.rs-page-filter-field):has(.rs-select-trigger:is([aria-expanded=true],:focus-visible)),body.admin-brand :is(.el-inline-filter,.rs-page-filter-field,.rs-page-date-field):has(.rs-date-trigger:is([aria-expanded=true],:focus-visible)){outline:2px solid #8b1515;outline-offset:2px}
body.admin-brand .rs-select-trigger:disabled{cursor:default;opacity:.6}
body.admin-brand .rs-select-trigger[aria-invalid=true]{border-color:#8b1515}
body.admin-brand .rs-select-error{display:block;margin-top:5px;font:400 13px/1.35 Outfit,system-ui,sans-serif;color:#8b1515}
body.admin-brand .rs-select-error[hidden]{display:none}
#rs-select-panel{position:fixed;inset:auto;margin:0;padding:8px;display:flex;flex-direction:column;gap:8px;min-width:0;max-width:calc(100vw - 24px);max-height:320px;overflow:hidden;border:1px solid #e5dfd5;border-radius:14px;background:#fff;color:#1c1917;box-shadow:0 12px 32px #1c191722;z-index:2147483000;font:400 14px/1.4 Outfit,system-ui,sans-serif;box-sizing:border-box}
#rs-select-panel *{box-sizing:border-box;font-family:Outfit,system-ui,sans-serif}
#rs-select-panel::backdrop{background:transparent}
#rs-select-panel .rs-select-search{flex:none;width:100%;min-width:0;min-height:36px;height:36px;margin:0;padding:7px 10px;border:1px solid #e5dfd5;border-radius:999px;background:#faf8f5;color:#1c1917;font:400 14px/1.3 Outfit,system-ui,sans-serif!important}
#rs-select-panel .rs-select-search:focus-visible{outline:2px solid #8b1515;outline-offset:0}
#rs-select-panel:not(:has(.rs-select-search)) .rs-select-options{scrollbar-gutter:auto}
#rs-select-panel .rs-select-options{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;outline:0}
#rs-select-panel .rs-select-option{display:flex;align-items:center;min-height:36px;padding:8px 10px;margin:1px 0;border-radius:9px;font-size:14px;font-weight:400;line-height:1.4;overflow-wrap:anywhere;cursor:pointer}
#rs-select-panel .rs-select-option[aria-selected=true]{background:#8b1515;color:#fff;font-weight:500}
#rs-select-panel .rs-select-option.is-current:not([aria-selected=true]){background:#f5efeb;color:#1c1917;outline:1px solid #e5dfd5;outline-offset:-1px}
#rs-select-panel .rs-select-option[aria-disabled=true]{color:#78716c;cursor:default;background:transparent}
#rs-select-panel .rs-select-group,#rs-select-panel .rs-select-empty{padding:8px 10px;font-size:13px;line-height:1.4;color:#57534e}
#rs-select-panel .rs-select-group{font-weight:500}
@media(max-width:700px){body.admin-brand button.rs-select-trigger{min-height:44px;height:44px}#rs-select-panel .rs-select-search{min-height:44px;height:44px;font-size:16px!important}#rs-select-panel .rs-select-option{min-height:44px;font-size:16px}}

/* Date selection follows the header calendar: warm white, round burgundy day. */
body.admin-brand .rs-date-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;width:0;min-width:0;height:34px;min-height:34px;padding:0;border:0;background:transparent;color:#292725;font:400 13px/1.25 Outfit,system-ui,sans-serif;text-align:left;cursor:pointer}
body.admin-brand .rs-date-trigger:focus-visible{outline:0!important}
body.admin-brand .rs-date-trigger:disabled{opacity:.6;cursor:default}
body.admin-brand .rs-date-value{white-space:nowrap;min-width:0}
body.admin-brand .rs-date-icon{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;color:#8b1515}
body.admin-brand .rs-date-icon svg{display:block;width:16px;height:16px}
.rs-date-panel{position:fixed;inset:auto;margin:0;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:12px;max-width:calc(100vw - 24px);overflow:auto;overscroll-behavior:contain;border:1px solid #e5dfd5;border-radius:20px;background:#fff;color:#292725;box-shadow:0 12px 32px #1c191722;z-index:2147483000;font:400 14px/1.3 Outfit,system-ui,sans-serif}
.rs-date-panel::backdrop{background:transparent}
.rs-date-panel *{box-sizing:border-box;font-family:inherit}
.rs-date-header{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px}
.rs-date-month{text-align:center;font-size:16px;font-weight:600}
.rs-date-panel button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:0;border:0;border-radius:999px;background:transparent;color:#292725;font:500 14px/1.25 Outfit,system-ui,sans-serif;cursor:pointer}
.rs-date-panel button:focus-visible{outline:2px solid #8b1515;outline-offset:-2px}
.rs-date-panel button:hover:not(:disabled){background:#f5f2ed}
.rs-date-panel button:disabled{color:#a8a29e;cursor:default}
.rs-date-weekdays,.rs-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.rs-date-weekdays span{text-align:center;color:#68615a;font-size:12px;font-weight:400}
.rs-date-panel .rs-date-day{aspect-ratio:1;min-height:36px;font-weight:500}
.rs-date-panel .rs-date-day[aria-current=date]{box-shadow:inset 0 0 0 1px #8b1515}
.rs-date-panel .rs-date-day[aria-pressed=true]{background:#8b1515!important;color:#fff;box-shadow:none;font-weight:600}
.rs-date-footer{display:flex;justify-content:space-between;border-top:1px solid #eee8e2;padding-top:8px}
.rs-date-footer button{padding:0 12px;color:#8b1515}
@media(max-width:700px){body.admin-brand .rs-date-trigger{height:46px;min-height:46px}.rs-date-panel button{min-height:44px}.rs-date-weekdays,.rs-date-grid{gap:2px}.rs-date-panel .rs-date-day{min-height:44px}}

/* Explicit primary actions keep readable text when reused in the shared header. */
body.admin-brand .rs-popup .rs-popup-header :is(.am-primary,.center-primary,.cwf-primary){color:#fff!important}

/* Explicit physical attestation sits outside the scrollable stock-count table. */
body.admin-brand .rs-physical-count-confirmation{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;font-size:14px;line-height:1.4;color:var(--text-primary,#1c1917);cursor:pointer;flex-shrink:0}
body.admin-brand .rs-physical-count-confirmation input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:#8B1515}