/* Shipping zone 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}

/* Shipping zone form — full-page add / edit. Two columns: the zone fields on the
   right, a preview + tip card on the left. Everything else reuses the product
   form's pf-* classes. */

.crdts-dash .zf-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;
  font-size:11.5px;color:#8c8c81}
.crdts-dash .zf-meta>span{display:inline-flex;align-items:center;gap:6px}
.crdts-dash .zf-meta svg{width:14px;height:14px;color:#babbb0}
.crdts-dash .zf-meta b{font-size:12.5px;font-weight:700;color:#38382d}

.crdts-dash .zf-free{margin-top:12px;background:#f2f8f2;border:1px solid #dbe9db;color:#4e6b4f;
  border-radius:6px;padding:7px 10px;font-size:10.5px;line-height:1.7}