/* Offer form (add / edit) — dashboard design, scoped under .crdts-dash.
   Page-private classes; the shell stylesheet stays generic. */

.crdts-dash h1,.crdts-dash h2,.crdts-dash h3,.crdts-dash h4,.crdts-dash p,.crdts-dash span,.crdts-dash a,.crdts-dash b,.crdts-dash strong,.crdts-dash small,.crdts-dash em,.crdts-dash i,.crdts-dash li,.crdts-dash ul,.crdts-dash ol,.crdts-dash button,.crdts-dash label,.crdts-dash input,.crdts-dash textarea,.crdts-dash select,.crdts-dash summary,.crdts-dash option:not(.material-symbols-outlined):not([class*="material-symbols"]):not(.material-symbols-rounded):not([class*="material-symbols-rounded"]){font-family:inherit}
.crdts-dash .material-symbols-outlined,.crdts-dash [class*="material-symbols"]{
  font-family:'Material Symbols Outlined'!important;font-weight:400;font-style:normal;
  line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;
  white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';
  -webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}

/* Offer form — full-page add / edit. Details, products and visibility on the
   wide column, cover image + preview + points + status on the narrow one.
   Everything below reuses the pf-* primitives from product-form.scoped.css;
   of-* covers only what is genuinely offer-specific. */

.crdts-dash .of-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

.crdts-dash .of-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.crdts-dash .of-scope-card{border:1px solid #e5e5db;border-radius:10px;background:#fff;padding:13px 15px;
  text-align:start;cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}
.crdts-dash .of-scope-card:hover{border-color:#e0c266;background:#fffcf0}
.crdts-dash .of-scope-card.on{border-color:#171714;background:#f7f7f1}
.crdts-dash .of-scope-card b{display:block;font-size:12.5px;font-weight:600;color:#38382d}
.crdts-dash .of-scope-card small{display:block;font-size:11px;color:#a1a194;margin-top:5px}

.crdts-dash .of-prod-list{margin-top:14px;border:1px solid #efefe7;border-radius:9px;background:#fcfcfa;
  padding:6px;max-height:264px;overflow-y:auto}
.crdts-dash .of-prod-row{display:flex;align-items:center;gap:11px;padding:8px 9px;border-radius:7px;
  cursor:pointer;transition:background .15s}
.crdts-dash .of-prod-row:hover{background:#f4f4ec}
.crdts-dash .of-prod-row.on{background:#fff6d4}
.crdts-dash .of-prod-check{width:16px;height:16px;margin:0;flex-shrink:0;cursor:pointer;accent-color:var(--orange)}
.crdts-dash .of-prod-thumb{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#f1f1e9}
.crdts-dash .of-prod-name{flex:1;min-width:0;font-size:12.5px;color:#38382d;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.crdts-dash .of-prod-price{font-size:11.5px;color:#a1a194;white-space:nowrap;flex-shrink:0}
.crdts-dash .of-prod-empty{font-size:11.5px;color:#a1a194;text-align:center;padding:18px 0;margin:0}

.crdts-dash .of-drop:disabled{opacity:.55;cursor:not-allowed}

@media(max-width:1100px){
.crdts-dash .of-prod-list{max-height:320px}
}
@media(max-width:680px){
.crdts-dash .of-triple{grid-template-columns:1fr}
.crdts-dash .of-scope-grid{grid-template-columns:1fr}
}