{"version":3,"sources":["abstracts/_placeholders.scss","abstracts/variables/_colors.scss","abstracts/variables/_radius.scss","options-page.css","options/_layout.scss","abstracts/variables/_typography.scss","abstracts/variables/_layout.scss","abstracts/variables/_spacing.scss","abstracts/variables/_shadows.scss","options/_sidebar.scss","options/_color.scss","options/_content.scss","options/_sections.scss","options/_general.scss","options/_buttons.scss","abstracts/variables/_motion.scss","options/_fields.scss","options/_slider.scss","options/_media.scss","options/_code.scss","options/_wysiwyg.scss","options/_repeater.scss","options/_typography.scss","options/_spacing.scss","options/_button-group.scss","options/_notice.scss","options/_menus.scss","options/_export.scss","options/_import.scss","options/_date.scss","options/_footer.scss","options/_confirm.scss"],"names":[],"mappings":"AAIA;EACC,cCaY;EDZZ,uBAAA;EACA,yBAAA;EACA,aAAA;EACA,kBERW;EFSX,gBAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,uBAAA;EACA,yBAAA;EACA,mBAAA;AGHD;AHKC;EAEC,YAAA;EACA,qBCjBoB;EDkBpB,cCJW;EDKX,gBAAA;AGJF;AHOC;EACC,uBAAA;EACA,oBAAA;AGLF;;ACrBA;EACC,kBCIe;AFoBhB;;ACrBA;EACC,eENmB;EFOnB,qBGDU;EHEV,aAAA;ADwBD;ACtBC;EACC,kBCLc;EDMd,gBCFqB;EDGrB,gBAAA;EACA,UAAA;EACA,aAAA;ADwBF;;ACpBA;EACC,cAAA;EACA,gBHTgB;EGUhB,yBAAA;EACA,mBFpBY;EEqBZ,4CIvBW;EJwBX,cAAA;ADuBD;ACrBC;EACC,aAAA;EACA,gCAAA;EACA,iBAAA;EAEA,mHAAA;ADsBF;ACbC;EACC,uBAAA;ADeF;ACbE;EACC,eAAA;ADeH;;ACVA;EAEC;IACC,aAAA;IACA,eAAA;IACA,aAAA;IACA,gBH5Ce;EEwDf;AACF;AMpEA;EACC,uBAAA;EACA,kBAAA;EACA,uBAAA;EACA,aAAA;EACA,sBAAA;EACA,gBAAA;EACA,6CAAA;EACA,8DAAA;EACA,gBAAA;EACA,iBAAA;ANsED;;AMnEA;EACC,aAAA;EACA,mBAAA;EACA,WFdU;EEeV,8BAAA;EACA,gCAAA;EACA,mBFfU;AJqFX;AMpEC;EACC,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,YAAA;EACA,kBP5BU;EO6BV,mBR9Bc;EQ+Bd,WRnBe;EQoBf,kBJ3Bc;EI4Bd,cAAA;ANsEF;AMnEC;EACC,gBJ3BqB;EI4BrB,kBJlCa;EImCb,cRtBW;EQuBX,OAAA;EACA,YAAA;ANqEF;AMlEC;EACC,iBJ9Ca;EI+Cb,gBJpCqB;EIqCrB,cR/Cc;EQgDd,mCAAA;EACA,oBP7CY;EO8CZ,sBAAA;EACA,mBAAA;EACA,cAAA;ANoEF;;AMhEA;EAEC,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,eFtDW;EEuDX,mBR9De;EQ+Df,YAAA;EACA,mBP9DW;EO+DX,kBAAA;ANkED;AMhEC;EACC,cRpEc;EQqEd,iBAAA;EACA,WAAA;EACA,YAAA;EACA,gBR5De;EQ6Df,eFtES;EEuET,sBFtES;EEuET,oBAAA;EACA,aAAA;EACA,eAAA;EACA,uBAAA;EACA,mBAAA;ANkEF;AM/DC;EACC,kBJhFa;EIiFb,gBJ1EqB;EI2ErB,WRzEe;EQ0Ef,SAAA;ANiEF;AM9DC;EACC,mBJxFa;EIyFb,WR/Ee;EQgFf,SAAA;EACA,sBFzFS;AJyJX;AM7DC;EACC,cAAA;EACA,WAAA;EACA,kBAAA;EACA,gBRxFe;EQyFf,cRpFW;EQqFX,YAAA;EACA,kBPvGU;EOwGV,oBAAA;EACA,mBJvGa;EIwGb,gBJhGqB;EIiGrB,qBAAA;EACA,wDAAA;EACA,8CAAA;AN+DF;AM7DE;EAEC,mBR/GkB;EQgHlB,sBAAA;EACA,8CAAA;AN8DH;;AMzDA;EACC,iBJ1Hc;EI2Hd,gBJhHsB;EIiHtB,sBAAA;EACA,yBAAA;EACA,cR3GkB;EQ4GlB,0BAAA;AN4DD;;AMzDA;EACC,aAAA;EACA,sBAAA;EACA,aFpIW;AJgMZ;;AMzDA;EACC,aAAA;EACA,mBAAA;EACA,WFvIU;EEwIV,gBFvIU;EEwIV,kBP3IW;EO4IX,cR5HY;EQ6HZ,qBAAA;EACA,mBJ7Ic;EI8Id,mDAAA;AN4DD;AMvDC;EACC,aAAA;ANyDF;AMtDC;EACC,kBJtJa;EIuJb,cJvJa;EIwJb,eJxJa;EIyJb,cJhJkB;EIiJlB,cR5IiB;EQ6IjB,4BAAA;ANwDF;AMrDC;EAEC,kBPnKU;EOoKV,mBRvJe;EQwJf,cRrJW;AE2Mb;AMnDC;EACC,mBR1Kc;EQ2Kd,WR/Je;AEoNjB;AMnDE;EACC,WRlKc;AEuNjB;;AMhDA;EACC,OAAA;EACA,YAAA;ANmDD;;AMhDA;EACC,iBFpLU;EEqLV,6BAAA;EACG,gBAAA;ANmDJ;;AM9CC;EAFD;IAGE,gBAAA;IACA,SAAA;IACA,YAAA;IACA,WAAA;IACA,mBAAA;IACA,gBR1Le;IQ2Lf,gCAAA;ENkDA;AACF;;AOxPA;EACC,aAAA;AP2PD;;AOxPA;EAIC,qBAAA;APwPD;;AQjQA;EACC,aAAA;EACA,sBAAA;EACA,YAAA;ARoQD;;AQjQA;EACC,aAAA;EACA,sBAAA;EACA,OAAA;ARoQD;;AQjQA;EACC,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,WAAA;EACA,gBVNgB;EUOhB,gDAAA;ARoQD;;AQjQA;EACC,aAAA;EACA,eAAA;EACA,mBAAA;EACA,8BAAA;EACA,SJtBU;EIuBV,qBJzBU;AJ6RX;;AQjQA;EACC,aAAA;EACA,mBAAA;EACA,WJ/BU;EIgCV,cAAA;ARoQD;;AQjQA;EACC,SAAA;EACA,kBNnCe;EMoCf,gBN/BsB;EMgCtB,cVzBY;EU0BZ,mBAAA;ARoQD;;AQjQA;EACC,aAAA;EACA,eAAA;EACA,WJ1CW;EI2CX,kBAAA;EACA,kBAAA;ARoQD;;AQjQA;EACC,kBAAA;EACA,cAAA;EACA,cVxCY;EUyCZ,mBNxDc;EMyDd,qBAAA;EACA,4BAAA;ARoQD;AQlQC;EAEC,cV/CW;AEkTb;AQhQC;EACC,cVpEc;EUqEd,gBN3DqB;AF6TvB;AQhQE;EACC,WAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,YAAA;EACA,WAAA;EACA,mBV9Ea;EU+Eb,kBThFS;ACkVZ;;AQ7PA;EACC,kBAAA;EACA,wBAAA;EACA,OAAA;EACA,mBV7EU;AE6UX;;AQ7PA;EACC,sBJrFW;AJqVZ;;AQ3PA;EACC,qBJ3FW;AJyVZ;;AQtPC;EACC,kBAAA;EACA,eAAA;EACA,kBAAA;ARyPF;;AQrPA;EACC,gBJ1GW;EI2GX,kBAAA;EACA,cVlGkB;EUmGlB,0BAAA;EACA,kBTrHW;AC6WZ;;AQrPA;EAEC;IACC,WAAA;ERuPA;EQrPA;IACC,mBAAA;ERuPD;AACF;AQnPA;EAEC;IACC,kBAAA;ERoPA;AACF;AQjPA;EAEC;IACC,MAAA;ERkPA;AACF;AShYA;EACC,gBXUgB;EWThB,yBAAA;EACA,mBVFW;EUGX,8BAAA;EACA,qBLCW;AJiYZ;AShYC;EACC,mBLJS;AJsYX;AS/XC;EACC,oBAAA;EACA,kBPVa;EOWb,gBPLqB;EOMrB,cXCW;AEgYb;AS9XC;EACC,SAAA;EACA,cXHiB;EWIjB,kBPnBa;AFmZf;AS7XC;EACC,aAAA;EACA,sBAAA;EACA,SLvBS;AJsZX;;AU1ZA;;;;;;EAMC,cAAA;AV6ZD;;AWzZC;;EACC,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,aPbS;EOcT,gBAAA;EACA,YAAA;EACA,SAAA;EACA,qBAAA;EACA,6BAAA;EACA,kBZrBU;EYsBV,mBTpBa;ESqBb,gBTdmB;ESenB,gBTViB;ESWjB,qBAAA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,sBC9BgB;ED+BhB,uBAAA;EAAA,kBAAA;AX6ZF;AW3ZE;;EACC,eAAA;EACA,WAAA;EACA,YAAA;EACA,cAAA;AX8ZH;AW3ZE;;EACC,aAAA;EACA,gBAAA;AX8ZH;AW3ZE;;;EAEC,YAAA;EACA,mBAAA;AX8ZH;AW1ZC;;EACC,mBbpDc;EaqDd,qBbrDc;EasDd,WblCmB;AE+brB;AW3ZE;;EACC,mBbvDkB;EawDlB,qBbxDkB;EayDlB,WbvCkB;AEqcrB;AW3ZE;;EACC,mBb7DkB;Ea8DlB,uBAAA;EACA,oBAAA;EACA,Wb9CkB;AE4crB;AW1ZC;;EACC,uBAAA;EACA,qBb/CkB;EagDlB,cbxDW;AEqdb;AW3ZE;;;EAEC,qBb7Ea;Ea8Eb,cb5EkB;Ea6ElB,gEAAA;AX8ZH;AWxZC;;EACC,+DAAA;EACA,qBbxDa;EayDb,cbzDa;AEodf;AWzZE;;;EAEC,mBb7DY;Ea8DZ,qBb9DY;Ea+DZ,Wb1EkB;AEserB;;AazfA;EACC,aAAA;EACA,0BAAA;EACA,YTHW;AJ+fZ;AavfC;EACC,aAAA;AbyfF;AatfC;EACC,oBAAA;EACA,mBAAA;EACA,eAAA;EACA,aTfS;ESgBT,kBXfa;EWgBb,gBXVmB;EWWnB,cfHW;EeIX,uBTnBS;AJ2gBX;AarfC;EACC,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,oBdxBY;EcyBZ,kBAAA;EACA,gBXpBqB;EWqBrB,yBAAA;EACA,sBAAA;EACA,gBXnBiB;EWoBjB,mBAAA;AbufF;AarfE;EACC,6DAAA;EACA,Wf1Bc;Ee2Bd,yBAAA;AbufH;Aa9eE;EACC,kBAA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","file":"options-page.css","sourcesContent":["@use \"variables\" as *;\n\n// Shared button chrome for the options-page action buttons (reset, generic\n// buttons, the WP color-picker default button, etc.).\n%import-export-menu-button {\n\tcolor: $color-text;\n\tbackground: transparent;\n\tborder: 1px solid $color-border-dark;\n\toutline: none;\n\tborder-radius: $radius-md;\n\tbox-shadow: none;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: $space-3xs $space-md;\n\tline-height: normal;\n\n\t&:hover,\n\t&:focus {\n\t\topacity: 0.9;\n\t\tborder-color: $color-primary-focus;\n\t\tcolor: $color-text;\n\t\tbox-shadow: none;\n\t}\n\n\t&:focus {\n\t\toutline: 1px solid $color-bg-light;\n\t\toutline-offset: -3px;\n\t}\n}\n\n%import-export-menu-button-primary {\n\n\t@extend %import-export-menu-button;\n\n\tcolor: $color-bg-light;\n\tbackground: $color-primary;\n\tborder: 1px solid $color-primary;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: $color-bg-light;\n\t\tbackground: $color-primary-dark;\n\t\tborder: 1px solid $color-primary;\n\t}\n}\n","// Brand — primary\n$color-primary: #155dfc;\n$color-primary-light: #4d82fd;\n$color-primary-dark: #124fd8;\n$color-primary-focus: #155dfc;\n\n// Brand — secondary\n$color-secondary: #64748b;\n$color-secondary-light: #94a3b8;\n$color-secondary-dark: #475569;\n\n// Backgrounds\n$color-bg: #e3e9ef;\n$color-bg-light: #fff;\n$color-bg-dark: #ecf0f3;\n$color-bg-hover: #ecf0f3;\n\n// Text\n$color-text: #3c464c;\n$color-text-light: #6b7177;\n$color-text-dark: #1d2327;\n$color-text-inverse: #fff;\n\n// Borders\n$color-border: #e6e8eb;\n$color-border-light: #ecedef;\n$color-border-dark: #c3c4c7;\n$color-border-input: #bbb;\n\n// Status\n$color-success: #198754;\n$color-warning: #f0b849;\n$color-danger: #d63638;\n","$radius-sm: 4px;\n$radius-md: 6px;\n$radius-lg: 8px;\n$radius-xl: 10px;\n$radius-2xl: 12px;\n$radius-pill: 999px;\n",".wp-picker-input-wrap .button.wp-picker-default {\n  color: #3c464c;\n  background: transparent;\n  border: 1px solid #c3c4c7;\n  outline: none;\n  border-radius: 6px;\n  box-shadow: none;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  padding: 0.125rem 0.75rem;\n  line-height: normal;\n}\n.wp-picker-input-wrap .button.wp-picker-default:hover, .wp-picker-input-wrap .button.wp-picker-default:focus {\n  opacity: 0.9;\n  border-color: #155dfc;\n  color: #3c464c;\n  box-shadow: none;\n}\n.wp-picker-input-wrap .button.wp-picker-default:focus {\n  outline: 1px solid #fff;\n  outline-offset: -3px;\n}\n\nh1.import-export-menu-wrap__title {\n  font-size: 1.85rem;\n}\n\n.import-export-menu-wrap {\n  max-width: 100%;\n  margin-right: 1.25rem;\n  margin-top: 0;\n}\n.import-export-menu-wrap__title {\n  font-size: 1.85rem;\n  font-weight: 600;\n  margin: 0 0 1rem;\n  padding: 0;\n  display: none;\n}\n\n.import-export-menu-options {\n  display: block;\n  background: #fff;\n  border: 1px solid #e6e8eb;\n  border-radius: 12px;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n  overflow: clip;\n}\n.import-export-menu-options--with-sidebar {\n  display: grid;\n  grid-template-columns: 350px 1fr;\n  min-height: 800px;\n  background: linear-gradient(to right, #fff calc(350px - 1px), #e6e8eb calc(350px - 1px), #e6e8eb 350px, #fff 350px);\n}\n.import-export-menu-options--empty {\n  padding: 1.5rem 1.75rem;\n}\n.import-export-menu-options--empty p {\n  max-width: 60ch;\n}\n\n@media (max-width: 1200px) {\n  .import-export-menu-options--with-sidebar {\n    display: flex;\n    flex-wrap: wrap;\n    min-height: 0;\n    background: #fff;\n  }\n}\n.import-export-menu-options__sidebar {\n  background: transparent;\n  border-right: none;\n  padding: 1.5rem 1.25rem;\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: var(--wp-admin--admin-bar--height, 32px);\n  height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));\n  overflow-y: auto;\n  align-self: start;\n}\n\n.import-export-menu-options__brand {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.375rem 0.75rem 1rem;\n  border-bottom: 1px solid #ecedef;\n  margin-bottom: 1rem;\n}\n.import-export-menu-options__brand-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  width: 50px;\n  height: 50px;\n  border-radius: 8px;\n  background: #155dfc;\n  color: #fff;\n  font-size: 1.45rem;\n  flex-shrink: 0;\n}\n.import-export-menu-options__brand-name {\n  font-weight: 600;\n  font-size: 1.15rem;\n  color: #3c464c;\n  flex: 1;\n  min-width: 0;\n}\n.import-export-menu-options__brand-version {\n  font-size: 0.7rem;\n  font-weight: 600;\n  color: #155dfc;\n  background: rgba(34, 113, 177, 0.1);\n  border-radius: 999px;\n  padding: 0.2rem 0.5rem;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.import-export-menu-upgrade-box {\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  padding: 1.5rem;\n  background: #155dfc;\n  border: none;\n  border-radius: 10px;\n  text-align: center;\n}\n.import-export-menu-upgrade-box__icon {\n  color: #155dfc;\n  font-size: 1.4rem;\n  width: 30px;\n  height: 30px;\n  background: #fff;\n  padding: 0.5rem;\n  margin-bottom: 0.75rem;\n  border-radius: 999px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n}\n.import-export-menu-upgrade-box__label {\n  font-size: 0.95rem;\n  font-weight: 600;\n  color: #fff;\n  margin: 0;\n}\n.import-export-menu-upgrade-box__text {\n  font-size: 0.875rem;\n  color: #fff;\n  margin: 0;\n  margin-bottom: 0.75rem;\n}\n.import-export-menu-upgrade-box__button {\n  display: block;\n  width: auto;\n  text-align: center;\n  background: #fff;\n  color: #3c464c;\n  border: none;\n  border-radius: 6px;\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  font-weight: 600;\n  text-decoration: none;\n  transition: background 0.12s ease, box-shadow 0.12s ease;\n  box-shadow: 0 1px 3px rgba(34, 113, 177, 0.25);\n}\n.import-export-menu-upgrade-box__button:hover, .import-export-menu-upgrade-box__button:focus {\n  background: #124fd8;\n  color: #fff !important;\n  box-shadow: 0 2px 6px rgba(34, 113, 177, 0.35);\n}\n\n.import-export-menu-options__sidebar-label {\n  font-size: 0.7rem;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: #6b7177;\n  padding: 0 0.75rem 0.25rem;\n}\n\n.import-export-menu-options__group-nav {\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n}\n\n.import-export-menu-options__group-link {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem;\n  border-radius: 8px;\n  color: #3c464c;\n  text-decoration: none;\n  font-size: 0.875rem;\n  transition: background 0.12s ease, color 0.12s ease;\n}\n.import-export-menu-options__group-link[hidden] {\n  display: none;\n}\n.import-export-menu-options__group-link .dashicons {\n  font-size: 1.15rem;\n  width: 1.15rem;\n  height: 1.15rem;\n  line-height: 1;\n  color: #6b7177;\n  transition: color 0.12s ease;\n}\n.import-export-menu-options__group-link:hover, .import-export-menu-options__group-link:focus {\n  border-radius: 8px;\n  background: #ecf0f3;\n  color: #3c464c;\n}\n.import-export-menu-options__group-link.is-active {\n  background: #155dfc;\n  color: #fff;\n}\n.import-export-menu-options__group-link.is-active .dashicons {\n  color: #fff;\n}\n\n.import-export-menu-options__group-label {\n  flex: 1;\n  min-width: 0;\n}\n\n.import-export-menu-options__sidebar-footer {\n  padding-top: 1rem;\n  border-top: 1px solid #ecedef;\n  margin-top: 1rem;\n}\n\n@media (max-width: 1200px) {\n  .import-export-menu-options__sidebar {\n    position: static;\n    top: auto;\n    height: auto;\n    width: 100%;\n    overflow-y: visible;\n    background: #fff;\n    border-bottom: 1px solid #e6e8eb;\n  }\n}\n\n.js .import-export-menu-color-picker:not(.wp-color-picker) {\n  display: none;\n}\n\n.wp-picker-input-wrap .button.wp-picker-default {\n  display: inline-block;\n}\n\n.import-export-menu-options__content {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.import-export-menu-options__form {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n.import-export-menu-options__header {\n  padding: 0.75rem 1.75rem;\n  position: sticky;\n  top: 32px;\n  z-index: 10;\n  background: #fff;\n  box-shadow: 5px 2px 8px rgba(213, 213, 213, 0.5);\n}\n\n.import-export-menu-options__header-top {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  margin-bottom: 0.5rem;\n}\n\n.import-export-menu-options__header-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n\n.import-export-menu-options__title {\n  margin: 0;\n  font-size: 1.45rem;\n  font-weight: 600;\n  color: #3c464c;\n  line-height: normal;\n}\n\n.import-export-menu-options__tabs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1.5rem;\n  margin: 0 -1.75rem;\n  padding: 0 1.75rem;\n}\n\n.import-export-menu-options__tab {\n  position: relative;\n  padding: 4px 0;\n  color: #3c464c;\n  font-size: 0.875rem;\n  text-decoration: none;\n  transition: color 0.12s ease;\n}\n.import-export-menu-options__tab:hover, .import-export-menu-options__tab:focus {\n  color: #3c464c;\n}\n.import-export-menu-options__tab.is-active {\n  color: #155dfc;\n  font-weight: 600;\n}\n.import-export-menu-options__tab.is-active::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -2px;\n  height: 2px;\n  background: #155dfc;\n  border-radius: 4px;\n}\n\n.import-export-menu-options__sections {\n  position: relative;\n  padding: 1.5rem 1.5rem 0;\n  flex: 1;\n  background: #e3e9ef;\n}\n\n.import-export-menu-options__panel--custom .import-export-menu-options__sections {\n  padding-bottom: 1.5rem;\n}\n\n.import-export-menu-options__dependency-notice {\n  margin-bottom: 1.5rem;\n}\n\n.import-export-menu-options__tab-panel:not(.is-active) {\n  position: absolute;\n  inset: 0 0 auto;\n  visibility: hidden;\n}\n\n.import-export-menu-options__empty {\n  padding: 1.75rem;\n  text-align: center;\n  color: #6b7177;\n  border: 1px dashed #c3c4c7;\n  border-radius: 8px;\n}\n\n@media (max-width: 1200px) {\n  .import-export-menu-options__content {\n    width: 100%;\n  }\n  .import-export-menu-options__content .import-export-menu-options__sections {\n    padding: 1.5rem 0 0;\n  }\n}\n@media (max-width: 782px) {\n  .import-export-menu-wrap {\n    margin-right: 10px;\n  }\n}\n@media (max-width: 600px) {\n  .import-export-menu-options__header {\n    top: 0;\n  }\n}\n.import-export-menu-options__section {\n  background: #fff;\n  border: 1px solid #e6e8eb;\n  border-radius: 10px;\n  padding: 1.25rem 1.5rem 1.5rem;\n  margin-bottom: 1.5rem;\n}\n.import-export-menu-options__section-header {\n  margin-bottom: 1rem;\n}\n.import-export-menu-options__section-title {\n  margin: 0 0 0.375rem;\n  font-size: 1.15rem;\n  font-weight: 600;\n  color: #3c464c;\n}\n.import-export-menu-options__section-description {\n  margin: 0;\n  color: #6b7177;\n  font-size: 0.95rem;\n}\n.import-export-menu-options__section-body {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 1rem 0;\n}\n\n.import-export-menu-wrap .button,\n.import-export-menu-confirm .button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.375rem;\n  min-height: 40px;\n  height: auto;\n  margin: 0;\n  padding: 0.25rem 1rem;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.2;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  box-shadow: none;\n  transition: 0.12s ease;\n  width: max-content;\n}\n.import-export-menu-wrap .button .dashicons,\n.import-export-menu-confirm .button .dashicons {\n  font-size: 16px;\n  width: 16px;\n  height: 16px;\n  line-height: 1;\n}\n.import-export-menu-wrap .button:focus,\n.import-export-menu-confirm .button:focus {\n  outline: none;\n  box-shadow: none;\n}\n.import-export-menu-wrap .button:disabled, .import-export-menu-wrap .button[disabled],\n.import-export-menu-confirm .button:disabled,\n.import-export-menu-confirm .button[disabled] {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.import-export-menu-wrap .button-primary,\n.import-export-menu-confirm .button-primary {\n  background: #155dfc;\n  border-color: #155dfc;\n  color: #fff;\n}\n.import-export-menu-wrap .button-primary:hover,\n.import-export-menu-confirm .button-primary:hover {\n  background: #124fd8;\n  border-color: #124fd8;\n  color: #fff;\n}\n.import-export-menu-wrap .button-primary:focus,\n.import-export-menu-confirm .button-primary:focus {\n  background: #124fd8;\n  outline: 2px solid #fff;\n  outline-offset: -4px;\n  color: #fff;\n}\n.import-export-menu-wrap .button-outline,\n.import-export-menu-confirm .button-outline {\n  background: transparent;\n  border-color: #c3c4c7;\n  color: #3c464c;\n}\n.import-export-menu-wrap .button-outline:hover, .import-export-menu-wrap .button-outline:focus,\n.import-export-menu-confirm .button-outline:hover,\n.import-export-menu-confirm .button-outline:focus {\n  border-color: #155dfc;\n  color: #124fd8;\n  background: hsl(221.2987012987, 97.4683544304%, 103.5294117647%);\n}\n.import-export-menu-wrap .button-danger,\n.import-export-menu-confirm .button-danger {\n  background: rgb(250.2900826446, 231.9099173554, 232.1396694215);\n  border-color: #d63638;\n  color: #d63638;\n}\n.import-export-menu-wrap .button-danger:hover, .import-export-menu-wrap .button-danger:focus,\n.import-export-menu-confirm .button-danger:hover,\n.import-export-menu-confirm .button-danger:focus {\n  background: #d63638;\n  border-color: #d63638;\n  color: #fff;\n}\n\n.import-export-menu-field {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0.25rem;\n}\n.import-export-menu-field[hidden] {\n  display: none;\n}\n.import-export-menu-field__label label {\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0.375rem;\n  font-size: 0.95rem;\n  font-weight: 500;\n  color: #3c464c;\n  margin-bottom: 0.375rem;\n}\n.import-export-menu-field__tier {\n  display: inline-flex;\n  align-items: center;\n  padding: 0.25rem 0.5rem;\n  border-radius: 999px;\n  font-size: 0.65rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n.import-export-menu-field__tier--pro {\n  background: linear-gradient(135deg, #155dfc 0%, #155dfc 100%);\n  color: #fff;\n  border: 1px solid #155dfc;\n}\n.import-export-menu-field--is-pro .import-export-menu-field__control {\n  position: relative;\n  opacity: 0.4;\n  pointer-events: none;\n  user-select: none;\n  filter: grayscale(0.4);\n}\n.import-export-menu-field--is-pro .import-export-menu-field__control::before {\n  content: \"\";\n  position: absolute;\n  inset: -0.25rem;\n  border-radius: 6px;\n  background: transparent;\n  z-index: 1;\n}\n.import-export-menu-field--is-pro .import-export-menu-field__label label {\n  color: #6b7177;\n}\n.import-export-menu-field__control .description {\n  margin-top: 0.25rem;\n  color: #6b7177;\n  font-size: 0.875rem;\n}\n.import-export-menu-field__control input,\n.import-export-menu-field__control textarea,\n.import-export-menu-field__control select {\n  border-radius: 6px;\n  border-color: #bbb;\n  color: #3c464c;\n}\n.import-export-menu-field__control input:hover, .import-export-menu-field__control input:focus,\n.import-export-menu-field__control textarea:hover,\n.import-export-menu-field__control textarea:focus,\n.import-export-menu-field__control select:hover,\n.import-export-menu-field__control select:focus {\n  border-color: #124fd8;\n}\n.import-export-menu-field__control select,\n.import-export-menu-field__control input[type=date] {\n  max-width: 100%;\n  min-height: 40px;\n  width: 250px;\n}\n.import-export-menu-field__control select:focus,\n.import-export-menu-field__control input[type=date]:focus {\n  border: 1px solid #124fd8;\n  outline: none;\n  box-shadow: 0 0 0 1px #155dfc;\n}\n.import-export-menu-field__control input.import-export-menu-input {\n  max-width: 100%;\n  min-height: 40px;\n  width: 250px;\n}\n.import-export-menu-field__control input.import-export-menu-input--xs {\n  width: 120px;\n}\n.import-export-menu-field__control input.import-export-menu-input--sm {\n  width: 180px;\n}\n.import-export-menu-field__control input.import-export-menu-input--md {\n  width: 250px;\n}\n.import-export-menu-field__control input.import-export-menu-input--lg {\n  width: 340px;\n}\n.import-export-menu-field__control input.import-export-menu-input--xl {\n  width: 480px;\n}\n.import-export-menu-field__control input.import-export-menu-input--full {\n  width: 100%;\n}\n.import-export-menu-field__control input[type=radio],\n.import-export-menu-field__control input[type=checkbox] {\n  width: 16px;\n  height: 16px;\n}\n.import-export-menu-field__control input[type=radio] {\n  background: #fff;\n  border-radius: 100%;\n}\n.import-export-menu-field__control input[type=radio]:focus {\n  box-shadow: 0 0 0 1px #124fd8;\n}\n.import-export-menu-field__control input[type=radio]:checked::before {\n  background: #124fd8;\n  margin: 0;\n  width: 0.5rem;\n  height: 0.5rem;\n}\n.import-export-menu-field__control input[type=checkbox] {\n  border-radius: 4px;\n}\n.import-export-menu-field__control input[type=checkbox]:focus {\n  box-shadow: 0 0 0 1px #124fd8;\n}\n.import-export-menu-field__control input[type=number] {\n  width: auto;\n}\n.import-export-menu-field__control fieldset label {\n  font-size: 0.875rem;\n  color: #3c464c;\n}\n.import-export-menu-field--toggle {\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  column-gap: 1rem;\n  row-gap: 0.25rem;\n}\n.import-export-menu-field--toggle .import-export-menu-field__label {\n  grid-column: 1;\n  grid-row: 1;\n}\n.import-export-menu-field--toggle .import-export-menu-field__label label {\n  margin-bottom: 0;\n}\n.import-export-menu-field--toggle .import-export-menu-field__control {\n  display: contents;\n}\n.import-export-menu-field--toggle .import-export-menu-field__control > .import-export-menu-toggle {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: end;\n}\n.import-export-menu-field--toggle .import-export-menu-field__control > .description {\n  grid-column: 1/-1;\n  grid-row: 2;\n  margin-top: 0;\n}\n.import-export-menu-field--slider .import-export-menu-field__control .description, .import-export-menu-field--checkbox .import-export-menu-field__control .description, .import-export-menu-field--radio .import-export-menu-field__control .description {\n  margin-top: 0.5rem;\n}\n\n.import-export-menu-toggle {\n  display: inline-flex;\n  align-items: center;\n  cursor: pointer;\n  user-select: none;\n}\n.import-export-menu-toggle input[type=checkbox] {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n  width: 1px;\n  height: 1px;\n}\n.import-export-menu-toggle input[type=checkbox]:checked + .import-export-menu-toggle__track {\n  background: #155dfc;\n  border-color: #155dfc;\n}\n.import-export-menu-toggle input[type=checkbox]:checked + .import-export-menu-toggle__track::after {\n  transform: translateX(20px);\n  background: #fff;\n}\n.import-export-menu-toggle input[type=checkbox]:focus-visible + .import-export-menu-toggle__track {\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #155dfc;\n}\n.import-export-menu-toggle__track {\n  position: relative;\n  display: inline-block;\n  width: 44px;\n  height: 24px;\n  background: #c3c4c7;\n  border: 1px solid #c3c4c7;\n  border-radius: 999px;\n  transition: background 0.15s ease, border-color 0.15s ease;\n}\n.import-export-menu-toggle__track::after {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 18px;\n  height: 18px;\n  background: #fff;\n  border-radius: 50%;\n  transition: transform 0.15s ease;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);\n}\n.import-export-menu-toggle__label {\n  display: none;\n}\n\n.import-export-menu-color-picker + .wp-picker-container,\n.wp-picker-container .wp-color-result {\n  border-radius: 6px;\n}\n\n.wp-picker-container .wp-color-result {\n  overflow: hidden;\n}\n\n.import-export-menu-field--color .wp-picker-container {\n  position: relative;\n}\n.import-export-menu-field--color .wp-picker-container .wp-picker-holder {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 100;\n}\n\n@media (max-width: 1024px) {\n  .import-export-menu-field__control input.import-export-menu-input--xs, .import-export-menu-field__control input.import-export-menu-input--sm, .import-export-menu-field__control input.import-export-menu-input--md, .import-export-menu-field__control input.import-export-menu-input--lg, .import-export-menu-field__control input.import-export-menu-input--xl, .import-export-menu-field__control input.import-export-menu-input--full {\n    width: 100%;\n  }\n  .import-export-menu-field__control select,\n  .import-export-menu-field__control input[type=date] {\n    width: 100%;\n  }\n}\n@media (max-width: 782px) {\n  .import-export-menu-field__control input[type=checkbox]:checked::before {\n    margin: -0.1875rem 0 0 -0.25rem;\n    height: 1.3125rem;\n    width: 1.3125rem;\n  }\n}\n.import-export-menu-slider {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  max-width: 100%;\n}\n.import-export-menu-slider__track-row {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.import-export-menu-slider__input {\n  flex: 1;\n  appearance: none;\n  height: 6px;\n  border-radius: 999px;\n  background: #e6e8eb;\n  outline: none;\n  padding: 0;\n  margin: 0;\n}\n.import-export-menu-slider__input::-webkit-slider-thumb {\n  appearance: none;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #155dfc;\n  border: 3px solid #fff;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.25);\n  cursor: pointer;\n  transition: transform 0.12s ease;\n}\n.import-export-menu-slider__input::-moz-range-thumb {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: #155dfc;\n  border: 3px solid #fff;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.25);\n  cursor: pointer;\n}\n.import-export-menu-slider__input:focus-visible::-webkit-slider-thumb {\n  box-shadow: 0 0 0 4px #155dfc;\n}\n.import-export-menu-slider__value {\n  min-width: 3.5rem;\n  text-align: right;\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: #155dfc;\n  font-variant-numeric: tabular-nums;\n}\n.import-export-menu-slider__labels {\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.875rem;\n  color: #6b7177;\n}\n\n.import-export-menu-media {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  max-width: 480px;\n}\n.import-export-menu-media__row {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  flex-wrap: wrap;\n}\n.import-export-menu-media__filename {\n  font-size: 0.85rem;\n  color: #6b7177;\n  word-break: break-all;\n}\n.import-export-menu-media__remove {\n  color: #d63638;\n  text-decoration: none;\n  font-size: 0.85rem;\n}\n.import-export-menu-media__remove:hover, .import-export-menu-media__remove:focus {\n  color: #d63638;\n  text-decoration: underline;\n}\n.import-export-menu-media--image .import-export-menu-media__preview {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 140px;\n  border: 1px dashed #c3c4c7;\n  border-radius: 8px;\n  background: #fff;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  color: #6b7177;\n  text-align: center;\n  padding: 1rem;\n  transition: border-color 0.15s ease, background 0.15s ease;\n}\n.import-export-menu-media--image .import-export-menu-media__preview.has-image {\n  border-style: solid;\n  border-color: #e6e8eb;\n  background-color: #fff;\n  min-height: 200px;\n}\n.import-export-menu-media--image .import-export-menu-media__preview.has-image .import-export-menu-media__placeholder {\n  display: none;\n}\n.import-export-menu-media__placeholder {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.375rem;\n  font-size: 0.85rem;\n}\n.import-export-menu-media__placeholder .dashicons {\n  font-size: 1.6rem;\n  width: 1.6rem;\n  height: 1.6rem;\n  color: #6b7177;\n}\n.import-export-menu-media__hint {\n  font-size: 0.75rem;\n  color: #6b7177;\n}\n\n.import-export-menu-code-editor {\n  width: 100%;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  font-size: 0.875rem;\n}\n\n.import-export-menu-options .CodeMirror {\n  border: 1px solid #bbb;\n  border-radius: 6px;\n  font-size: 0.875rem;\n  height: 300px;\n  overflow: hidden;\n}\n\n.import-export-menu-options .CodeMirror-scroll {\n  min-height: 300px;\n}\n\n.import-export-menu-options .CodeMirror-focused {\n  border-color: #155dfc;\n  box-shadow: 0 0 0 4px #155dfc;\n}\n\n.import-export-menu-wysiwyg .wp-editor-wrap {\n  border: 1px solid #bbb;\n  border-radius: 6px;\n  overflow: hidden;\n}\n.import-export-menu-wysiwyg .wp-editor-tabs {\n  background: #fff;\n}\n.import-export-menu-wysiwyg .mce-toolbar-grp {\n  border-bottom: 1px solid #e6e8eb;\n}\n.import-export-menu-wysiwyg .mce-tinymce {\n  border-radius: 6px;\n}\n.import-export-menu-wysiwyg .mce-statusbar .mce-resizehandle,\n.import-export-menu-wysiwyg .mce-ico.mce-i-resize {\n  display: none !important;\n}\n.import-export-menu-wysiwyg .mce-statusbar .mce-resizehandle::before,\n.import-export-menu-wysiwyg .mce-ico.mce-i-resize::before {\n  content: none !important;\n}\n\n.import-export-menu-repeater {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.import-export-menu-repeater__rows {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.import-export-menu-repeater__row {\n  border: 1px solid #e6e8eb;\n  border-radius: 8px;\n  background: #fff;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n  transition: box-shadow 0.12s ease, border-color 0.12s ease;\n}\n.import-export-menu-repeater__row:hover {\n  border-color: #c3c4c7;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);\n}\n.import-export-menu-repeater__row-header {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.5rem 0.75rem;\n  background: #fff;\n  border-bottom: 1px solid #e6e8eb;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n}\n.import-export-menu-repeater__drag {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  cursor: grab;\n  color: #6b7177;\n  text-decoration: none;\n  padding: 0;\n  line-height: 1;\n  transition: background 0.12s ease, color 0.12s ease;\n  border: none;\n}\n.import-export-menu-repeater__drag:hover, .import-export-menu-repeater__drag:focus {\n  background: #ecf0f3;\n  color: #3c464c;\n}\n.import-export-menu-repeater__drag:active {\n  cursor: grabbing;\n}\n.import-export-menu-repeater__drag .dashicons {\n  font-size: 18px;\n  width: 18px;\n  height: 18px;\n  line-height: 1;\n}\n.import-export-menu-repeater__row-label {\n  flex: 1;\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: #3c464c;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n.import-export-menu-repeater__row-number {\n  color: #6b7177;\n  font-weight: 400;\n  margin-left: 0.25rem;\n}\n.import-export-menu-repeater__remove {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  color: #d63638;\n  text-decoration: none;\n  padding: 0;\n  line-height: 1;\n  transition: background 0.12s ease, color 0.12s ease;\n  border: none;\n}\n.import-export-menu-repeater__remove:hover, .import-export-menu-repeater__remove:focus {\n  background: rgba(214, 54, 56, 0.1);\n  color: #d63638;\n  text-decoration: none;\n}\n.import-export-menu-repeater__remove[disabled] {\n  opacity: 0.35;\n  pointer-events: none;\n}\n.import-export-menu-repeater__remove .dashicons {\n  font-size: 18px;\n  width: 18px;\n  height: 18px;\n  line-height: 1;\n}\n.import-export-menu-repeater__row-body {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  padding: 1rem 0.75rem;\n}\n.import-export-menu-repeater__field {\n  display: grid;\n  grid-template-columns: minmax(120px, 200px) 1fr;\n  gap: 0.75rem;\n  align-items: center;\n}\n.import-export-menu-repeater__field .import-export-menu-field__label label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: #3c464c;\n}\n.import-export-menu-repeater__add {\n  align-self: flex-start;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.25rem;\n  padding: 0.5rem 0.75rem;\n  border: 1px dashed #155dfc;\n  background: transparent;\n  color: #155dfc;\n  border-radius: 6px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;\n}\n.import-export-menu-repeater__add:hover, .import-export-menu-repeater__add:focus {\n  background: #ecf0f3;\n  border-color: #124fd8;\n  color: #124fd8;\n}\n.import-export-menu-repeater__add .dashicons {\n  font-size: 0.875rem;\n  width: 0.875rem;\n  height: 0.875rem;\n  line-height: 1;\n}\n.import-export-menu-repeater__template {\n  display: none;\n}\n.import-export-menu-repeater__placeholder {\n  border: 1px dashed #c3c4c7;\n  border-radius: 8px;\n  background: #fff;\n  margin-bottom: 0.75rem;\n}\n\n.import-export-menu-repeater__row.ui-sortable-helper {\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);\n  opacity: 0.95;\n  border-color: #155dfc;\n}\n\n@media (max-width: 600px) {\n  .import-export-menu-repeater__field {\n    grid-template-columns: 1fr;\n    align-items: start;\n  }\n}\n.import-export-menu-typography {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 0.75rem;\n  max-width: 720px;\n}\n.import-export-menu-typography input[type=number] {\n  width: 4.5rem;\n}\n.import-export-menu-typography__group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  min-width: 0;\n}\n.import-export-menu-typography__label {\n  font-size: 0.875rem;\n  color: #6b7177;\n}\n.import-export-menu-typography__size {\n  display: flex;\n  gap: 0.25rem;\n}\n.import-export-menu-typography__size input[type=number] {\n  flex: 1;\n  min-width: 0;\n}\n.import-export-menu-typography__size select {\n  width: 4.5rem;\n  flex: none;\n}\n\n@media (max-width: 1024px) {\n  .import-export-menu-typography {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@media (max-width: 600px) {\n  .import-export-menu-typography {\n    grid-template-columns: 1fr;\n  }\n}\n.import-export-menu-spacing {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-end;\n  gap: 0.5rem;\n  max-width: 520px;\n}\n.import-export-menu-spacing select {\n  width: auto;\n}\n.import-export-menu-spacing__sides {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(70px, 1fr));\n  gap: 0.5rem;\n  flex: 1;\n}\n.import-export-menu-spacing__side {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.import-export-menu-spacing__side-label {\n  font-size: 0.75rem;\n  color: #6b7177;\n  text-align: center;\n}\n.import-export-menu-spacing__input {\n  width: 100%;\n  text-align: center;\n}\n.import-export-menu-spacing__controls {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.import-export-menu-spacing__unit {\n  min-width: 4rem;\n}\n.import-export-menu-spacing__link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border: 1px solid #bbb;\n  border-radius: 6px;\n  cursor: pointer;\n  color: #6b7177;\n  transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;\n}\n.import-export-menu-spacing__link:hover {\n  opacity: 0.75;\n}\n.import-export-menu-spacing__link input[type=checkbox] {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n  width: 1px;\n  height: 1px;\n}\n.import-export-menu-spacing.is-linked .import-export-menu-spacing__link {\n  background: #155dfc;\n  border-color: #155dfc;\n  color: #fff;\n}\n.import-export-menu-spacing.is-linked .import-export-menu-spacing__link:hover {\n  background: #124fd8;\n  border-color: #124fd8;\n  color: #fff;\n}\n\n.import-export-menu-button-group {\n  display: inline-flex;\n  flex-wrap: wrap;\n  border: 1px solid #bbb;\n  border-radius: 6px;\n  background: #fff;\n  padding: 0.125rem;\n  gap: 0.125rem;\n  max-width: 100%;\n}\n.import-export-menu-button-group__option {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.375rem;\n  padding: 0.75rem;\n  border-radius: 4px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: #6b7177;\n  cursor: pointer;\n  user-select: none;\n  transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;\n}\n.import-export-menu-button-group__option input[type=radio] {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n.import-export-menu-button-group__option:hover {\n  background: #124fd8;\n  color: #fff;\n}\n.import-export-menu-button-group__option.is-selected {\n  background: #155dfc;\n  color: #fff;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);\n}\n.import-export-menu-button-group__option:has(input[type=radio]:focus-visible) {\n  box-shadow: 0 0 0 4px #155dfc;\n}\n.import-export-menu-button-group__icon.dashicons {\n  font-size: 1.15rem;\n  width: 1.15rem;\n  height: 1.15rem;\n  line-height: 1;\n}\n\n.import-export-menu-notice {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.75rem 1rem;\n  border-radius: 8px;\n  border: 1px solid transparent;\n  border-left-width: 4px;\n  background: #fff;\n  margin-bottom: 1.5rem;\n}\n.import-export-menu-notice--dismissible {\n  padding-right: 1.25rem;\n}\n.import-export-menu-notice__dismiss {\n  position: absolute;\n  top: 0.375rem;\n  right: 0.375rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.125rem;\n  border: 0;\n  background: transparent;\n  color: #6b7177;\n  cursor: pointer;\n  border-radius: 4px;\n  transition: 0.12s ease;\n}\n.import-export-menu-notice__dismiss:hover, .import-export-menu-notice__dismiss:focus {\n  color: #3c464c;\n  background: rgba(15, 23, 42, 0.08);\n}\n.import-export-menu-notice__dismiss .dashicons {\n  font-size: 18px;\n  width: 18px;\n  height: 18px;\n  line-height: 1;\n}\n.import-export-menu-notice__icon.dashicons {\n  flex-shrink: 0;\n  font-size: 22px;\n  width: 22px;\n  height: 22px;\n  line-height: 1;\n  margin-top: 2px;\n}\n.import-export-menu-notice__body {\n  flex: 1;\n  min-width: 0;\n  font-size: 0.875rem;\n  color: #fff;\n  line-height: 1.5;\n}\n.import-export-menu-notice__title {\n  font-size: 0.95rem;\n  margin: 0 0 0.125rem;\n  font-weight: 600;\n  color: #3c464c;\n}\n.import-export-menu-notice__message {\n  color: #3c464c;\n}\n.import-export-menu-notice__message p {\n  margin: 0 0 0.25rem;\n}\n.import-export-menu-notice__message p:last-child {\n  margin-bottom: 0;\n}\n.import-export-menu-notice__message a {\n  color: inherit;\n  text-decoration: underline;\n}\n.import-export-menu-notice__message code {\n  padding: 0 0.25rem;\n  border-radius: 4px;\n  background: rgba(15, 23, 42, 0.06);\n  font-size: 0.95em;\n}\n.import-export-menu-notice--info {\n  background: hsl(221.2987012987, 97.4683544304%, 101.5294117647%);\n  border-color: rgb(222.417721519, 232.4430379747, 254.582278481);\n  border-left-color: #155dfc;\n}\n.import-export-menu-notice--info .import-export-menu-notice__icon {\n  color: #155dfc;\n}\n.import-export-menu-notice--success {\n  background: rgb(217.875, 248.125, 234.1);\n  border-color: rgb(174.84375, 240.15625, 209.875);\n  border-left-color: #198754;\n}\n.import-export-menu-notice--success .import-export-menu-notice__icon {\n  color: #198754;\n}\n.import-export-menu-notice--warning {\n  background: rgb(251.6497461929, 239.1421319797, 214.3502538071);\n  border-color: rgb(247.7664974619, 220.7614213198, 167.2335025381);\n  border-left-color: rgb(236.116751269, 165.6192893401, 25.883248731);\n}\n.import-export-menu-notice--warning .import-export-menu-notice__icon {\n  color: rgb(204.3573604061, 141.4781725888, 16.8426395939);\n}\n.import-export-menu-notice--error {\n  background: rgb(252.882231405, 244.617768595, 244.7210743802);\n  border-color: rgb(246.8338842975, 214.9661157025, 215.3644628099);\n  border-left-color: #d63638;\n}\n.import-export-menu-notice--error .import-export-menu-notice__icon {\n  color: #d63638;\n}\n\n.import-export-menu-field--notice .import-export-menu-field__label {\n  display: none;\n}\n\n.import-export-menu-menus__table {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0;\n  border: 1px solid #e6e8eb;\n  border-radius: 6px;\n  overflow: hidden;\n  background: #fff;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);\n}\n.import-export-menu-menus__table th,\n.import-export-menu-menus__table td {\n  padding: 0.75rem;\n  text-align: left;\n  vertical-align: middle;\n}\n.import-export-menu-menus__table thead th {\n  background: #155dfc;\n  border-bottom: 1px solid #e6e8eb;\n  font-size: 0.7rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: #fff;\n  white-space: nowrap;\n  padding: 1.25rem;\n}\n.import-export-menu-menus__table tbody td {\n  border-bottom: 1px solid #ecedef;\n  font-size: 0.875rem;\n  color: #3c464c;\n}\n.import-export-menu-menus__table tbody tr:last-child td {\n  border-bottom: 0;\n}\n.import-export-menu-menus__table tbody tr {\n  transition: background 0.12s ease;\n}\n.import-export-menu-menus__table tbody tr:hover td {\n  background: hsl(221.2987012987, 97.4683544304%, 103.5294117647%);\n}\n.import-export-menu-menus__col-id, .import-export-menu-menus__col-items {\n  width: 1%;\n  white-space: nowrap;\n}\n.import-export-menu-menus__col-actions {\n  text-align: right;\n}\n.import-export-menu-menus__id {\n  display: inline-block;\n  color: #6b7177;\n  font-size: 0.75rem;\n  font-weight: 500;\n}\n.import-export-menu-menus__name-text {\n  font-weight: 500;\n  font-size: 0.95rem;\n  color: #1d2327;\n}\n.import-export-menu-menus__count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 2.25rem;\n  padding: 0.125rem 0.5rem;\n  color: #6b7177;\n  font-size: 0.75rem;\n  font-weight: 500;\n}\n.import-export-menu-menus__chips {\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: 0.25rem;\n}\n.import-export-menu-menus__chip, .import-export-menu-menus__muted {\n  display: inline-flex;\n  align-items: center;\n  padding: 0.125rem 0.5rem;\n  color: #6b7177;\n  font-size: 0.75rem;\n  font-weight: 500;\n}\n.import-export-menu-menus__modified {\n  color: #6b7177;\n  font-size: 0.75rem;\n  white-space: nowrap;\n}\n.import-export-menu-menus__actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 0.375rem;\n}\n.import-export-menu-menus__duplicate, .import-export-menu-menus__edit {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.125rem;\n  white-space: nowrap;\n}\n.import-export-menu-menus__duplicate .dashicons, .import-export-menu-menus__edit .dashicons {\n  font-size: 16px;\n  width: 16px;\n  height: 16px;\n  line-height: 1;\n}\n\n.import-export-menu-options__sections #section-menus,\n.import-export-menu-options__sections #section-export,\n.import-export-menu-options__sections #section-import {\n  margin-bottom: 0;\n}\n\n.import-export-menu-export {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.import-export-menu-export__count {\n  margin-left: 0.25rem;\n  font-size: 0.75rem;\n  color: #6b7177;\n}\n\n.import-export-menu-import {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.import-export-menu-import__actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.import-export-menu-import__undo {\n  margin-bottom: 1rem;\n}\n.import-export-menu-import__undo .import-export-menu-import__undo-form {\n  margin-top: 0.5rem;\n}\n\n.import-export-menu-import-report__list {\n  margin: 0.375rem 0 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n}\n.import-export-menu-import-report__action {\n  margin: 0 0.25rem;\n  padding: 0 0.375rem;\n  border-radius: 999px;\n  background: #fff;\n  font-size: 0.7rem;\n  color: #6b7177;\n}\n.import-export-menu-import-report__counts {\n  color: #6b7177;\n  font-size: 0.75rem;\n}\n\n.import-export-menu-date {\n  max-width: 12rem;\n  height: 40px;\n  padding: 0 0.5rem;\n  border: 1px solid #bbb;\n  border-radius: 6px;\n  background: #fff;\n  color: #3c464c;\n  font-size: 0.875rem;\n  font-family: inherit;\n  line-height: 1.2;\n  transition: border-color 0.12s ease, box-shadow 0.12s ease;\n}\n.import-export-menu-date:hover {\n  border-color: #6b7177;\n}\n.import-export-menu-date:focus, .import-export-menu-date:focus-visible {\n  border-color: #155dfc;\n  box-shadow: 0 0 0 4px #155dfc;\n  outline: none;\n}\n.import-export-menu-date::-webkit-calendar-picker-indicator {\n  cursor: pointer;\n  opacity: 0.65;\n  transition: opacity 0.12s ease;\n}\n.import-export-menu-date:hover::-webkit-calendar-picker-indicator, .import-export-menu-date:focus::-webkit-calendar-picker-indicator {\n  opacity: 1;\n}\n\n.import-export-menu-options__footer {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n  padding: 1rem 1.75rem;\n  border-top: 1px solid #e6e8eb;\n  background: #fff;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n}\n\n.import-export-menu-options__footer-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n@media (max-width: 782px) {\n  .import-export-menu-options--with-sidebar {\n    grid-template-columns: 1fr;\n  }\n  .import-export-menu-options__sidebar {\n    border-right: 0;\n    border-bottom: 1px solid #e6e8eb;\n  }\n  .import-export-menu-options__footer {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  .import-export-menu-options__footer-actions {\n    justify-content: flex-end;\n  }\n}\n.import-export-menu-confirm {\n  position: fixed;\n  inset: 0;\n  z-index: 100000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n}\n.import-export-menu-confirm[hidden] {\n  display: none;\n}\n.import-export-menu-confirm__backdrop {\n  position: absolute;\n  inset: 0;\n  background: rgba(15, 23, 42, 0.55);\n  animation: import-export-menu-confirm-backdrop-in 0.2s ease forwards;\n}\n.import-export-menu-confirm__dialog {\n  position: relative;\n  width: 100%;\n  max-width: 480px;\n  padding: 1.5rem;\n  text-align: center;\n  background: #fff;\n  border-radius: 10px;\n  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.25);\n  animation: import-export-menu-confirm-dialog-in 0.32s cubic-bezier(0.34, 1.4, 0.5, 1) forwards;\n}\n.import-export-menu-confirm.is-closing .import-export-menu-confirm__backdrop {\n  animation: import-export-menu-confirm-backdrop-out 0.18s ease forwards;\n}\n.import-export-menu-confirm.is-closing .import-export-menu-confirm__dialog {\n  animation: import-export-menu-confirm-dialog-out 0.18s ease-in forwards;\n}\n.import-export-menu-confirm__icon.dashicons {\n  width: 40px;\n  height: 40px;\n  font-size: 40px;\n  line-height: 1;\n  color: #d63638;\n}\n.import-export-menu-confirm__title {\n  font-size: 1.45rem;\n  font-weight: 600;\n  color: #3c464c;\n}\n.import-export-menu-confirm__title[hidden] {\n  display: none;\n}\n.import-export-menu-confirm__message {\n  max-width: 85%;\n  margin: 0 auto 1.5rem;\n  font-size: 0.95rem;\n  line-height: 1.5;\n  color: #6b7177;\n}\n.import-export-menu-confirm__actions {\n  display: flex;\n  justify-content: center;\n  gap: 0.5rem;\n}\n.import-export-menu-confirm__ok.button.button-primary.import-export-menu-confirm__ok--danger {\n  background: #d63638;\n  border-color: #d63638;\n  color: #fff;\n  box-shadow: none;\n  text-shadow: none;\n}\n.import-export-menu-confirm__ok.button.button-primary.import-export-menu-confirm__ok--danger:hover, .import-export-menu-confirm__ok.button.button-primary.import-export-menu-confirm__ok--danger:focus {\n  background: rgb(197.179338843, 40.220661157, 42.1826446281);\n  border-color: rgb(197.179338843, 40.220661157, 42.1826446281);\n  color: #fff;\n}\n\n@keyframes import-export-menu-confirm-backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes import-export-menu-confirm-backdrop-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n@keyframes import-export-menu-confirm-dialog-in {\n  from {\n    opacity: 0;\n    transform: translateY(20px) scale(0.92);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n@keyframes import-export-menu-confirm-dialog-out {\n  from {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(10px) scale(0.96);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .import-export-menu-confirm__backdrop,\n  .import-export-menu-confirm__dialog,\n  .import-export-menu-confirm.is-closing .import-export-menu-confirm__backdrop,\n  .import-export-menu-confirm.is-closing .import-export-menu-confirm__dialog {\n    animation-duration: 0.01ms;\n  }\n}","@use \"abstracts\" as *;\n\nh1.import-export-menu-wrap__title {\n\tfont-size: $font-size-3xl;\n}\n\n.import-export-menu-wrap {\n\tmax-width: $max-content-width;\n\tmargin-right: $space-xl;\n\tmargin-top: 0;\n\n\t&__title {\n\t\tfont-size: $font-size-3xl;\n\t\tfont-weight: $font-weight-semibold;\n\t\tmargin: 0 0 $space-lg;\n\t\tpadding: 0;\n\t\tdisplay: none;\n\t}\n}\n\n.import-export-menu-options {\n\tdisplay: block;\n\tbackground: $color-bg-light;\n\tborder: 1px solid $color-border;\n\tborder-radius: $radius-2xl;\n\tbox-shadow: $shadow-sm;\n\toverflow: clip;\n\n\t&--with-sidebar {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: $sidebar-width 1fr;\n\t\tmin-height: 800px;\n\t\t// Full-height sidebar background + 1px divider via gradient (no HTML changes needed)\n\t\tbackground: linear-gradient(\n\t\t\tto right,\n\t\t\t$color-bg-light calc(#{$sidebar-width} - 1px),\n\t\t\t$color-border calc(#{$sidebar-width} - 1px),\n\t\t\t$color-border $sidebar-width,\n\t\t\t$color-bg-light $sidebar-width\n\t\t);\n\t}\n\n\t&--empty {\n\t\tpadding: $space-2xl $space-3xl;\n\n\t\tp {\n\t\t\tmax-width: 60ch;\n\t\t}\n\t}\n}\n\n@media (max-width: $breakpoint-xl) {\n\n\t.import-export-menu-options--with-sidebar {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmin-height: 0;\n\t\tbackground: $color-bg-light;\n\t}\n}\n","$font-size-xs: 0.7rem;\n$font-size-sm: 0.75rem;\n$font-size-base: 0.85rem;\n$font-size-md: 0.875rem;\n$font-size-lg: 0.95rem;\n$font-size-xl: 1.15rem;\n$font-size-2xl: 1.45rem;\n$font-size-3xl: 1.85rem;\n\n$font-weight-normal: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n$line-height-tight: 1;\n$line-height-snug: 1.2;\n$line-height-normal: 1.5;\n","$sidebar-width: 350px;\n$max-content-width: 100%;\n\n// Fixed widths for form controls (select / date and similar inputs).\n$control-width-xs: 120px;\n$control-width-sm: 180px;\n$control-width-md: 250px;\n$control-width-lg: 340px;\n$control-width-xl: 480px;\n","// 4px-grid spacing scale, expressed in rem so it scales with root font size.\n$space-3xs: 0.125rem; // 2px\n$space-2xs: 0.25rem;  // 4px\n$space-xs: 0.375rem;  // 6px\n$space-sm: 0.5rem;    // 8px\n$space-md: 0.75rem;   // 12px\n$space-lg: 1rem;      // 16px\n$space-xl: 1.25rem;   // 20px\n$space-2xl: 1.5rem;   // 24px\n$space-3xl: 1.75rem;  // 28px\n","@use \"colors\" as *;\n\n$shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);\n$shadow-md: 0 1px 2px rgba(15, 23, 42, 0.18);\n$shadow-thumb: 0 1px 2px rgba(15, 23, 42, 0.25);\n$shadow-focus: 0 0 0 4px $color-primary-focus;\n$shadow-focus-strong: 0 0 0 2px $color-bg-light, 0 0 0 4px $color-primary-focus;\n","@use \"abstracts\" as *;\n\n.import-export-menu-options__sidebar {\n\tbackground: transparent;\n\tborder-right: none;\n\tpadding: $space-2xl $space-xl;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: sticky;\n\ttop: var(--wp-admin--admin-bar--height, 32px);\n\theight: calc(100vh - var(--wp-admin--admin-bar--height, 32px));\n\toverflow-y: auto;\n\talign-self: start;\n}\n\n.import-export-menu-options__brand {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: $space-sm;\n\tpadding: $space-xs $space-md $space-lg;\n\tborder-bottom: 1px solid $color-border-light;\n\tmargin-bottom: $space-lg;\n\n\t&-icon {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder: none;\n\t\twidth: 50px;\n\t\theight: 50px;\n\t\tborder-radius: $radius-lg;\n\t\tbackground: $color-primary;\n\t\tcolor: $color-bg-light;\n\t\tfont-size: $font-size-2xl;\n\t\tflex-shrink: 0;\n\t}\n\n\t&-name {\n\t\tfont-weight: $font-weight-semibold;\n\t\tfont-size: $font-size-xl;\n\t\tcolor: $color-text;\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t}\n\n\t&-version {\n\t\tfont-size: $font-size-xs;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-primary;\n\t\tbackground: rgba(34, 113, 177, 0.1);\n\t\tborder-radius: $radius-pill;\n\t\tpadding: 0.2rem 0.5rem;\n\t\twhite-space: nowrap;\n\t\tflex-shrink: 0;\n\t}\n}\n\n.import-export-menu-upgrade-box {\n\t// Temporarily hidden until the Pro/upgrade offering is ready.\n\tdisplay: none;\n\tflex-direction: column;\n\talign-items: center;\n\tpadding: $space-2xl;\n\tbackground: $color-primary;\n\tborder: none;\n\tborder-radius: $radius-xl;\n\ttext-align: center;\n\n\t&__icon {\n\t\tcolor: $color-primary;\n\t\tfont-size: 1.4rem;\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tbackground: $color-bg-light;\n\t\tpadding: $space-sm;\n\t\tmargin-bottom: $space-md;\n\t\tborder-radius: 999px;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: center;\n\t\talign-items: center;\t\t\n\t}\n\n\t&__label {\n\t\tfont-size: $font-size-lg;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-bg-light;\n\t\tmargin: 0;\n\t}\n\n\t&__text {\n\t\tfont-size: $font-size-md;\n\t\tcolor: $color-bg-light;\n\t\tmargin: 0;\n\t\tmargin-bottom: $space-md;\n\t}\n\n\t&__button {\n\t\tdisplay: block;\n\t\twidth: auto;\n\t\ttext-align: center;\n\t\tbackground: $color-bg-light;\n\t\tcolor: $color-text;\n\t\tborder: none;\n\t\tborder-radius: $radius-md;\n\t\tpadding: $space-sm $space-lg;\n\t\tfont-size: $font-size-md;\n\t\tfont-weight: $font-weight-semibold;\n\t\ttext-decoration: none;\n\t\ttransition: background $transition-fast, box-shadow $transition-fast;\n\t\tbox-shadow: 0 1px 3px rgba(34, 113, 177, 0.25);\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: $color-primary-dark;\n\t\t\tcolor: $color-bg-light !important;\n\t\t\tbox-shadow: 0 2px 6px rgba(34, 113, 177, 0.35);\n\t\t}\n\t}\n}\n\n.import-export-menu-options__sidebar-label {\n\tfont-size: $font-size-xs;\n\tfont-weight: $font-weight-semibold;\n\tletter-spacing: 0.06em;\n\ttext-transform: uppercase;\n\tcolor: $color-text-light;\n\tpadding: 0 $space-md $space-2xs;\n}\n\n.import-export-menu-options__group-nav {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $space-3xs;\n}\n\n.import-export-menu-options__group-link {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: $space-sm;\n\tpadding: $space-md;\n\tborder-radius: $radius-lg;\n\tcolor: $color-text;\n\ttext-decoration: none;\n\tfont-size: $font-size-md;\n\ttransition: background $transition-fast, color $transition-fast;\n\n\t// Conditional groups are toggled via the `hidden` attribute by the options\n\t// JS. The `display: flex` above beats the UA `[hidden]` stylesheet, so\n\t// without this rule a hidden group link stays visible.\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n\n\t.dashicons {\n\t\tfont-size: $font-size-xl;\n\t\twidth: $font-size-xl;\n\t\theight: $font-size-xl;\n\t\tline-height: $line-height-tight;\n\t\tcolor: $color-text-light;\n\t\ttransition: color $transition-fast;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tborder-radius: $radius-lg;\n\t\tbackground: $color-bg-hover;\n\t\tcolor: $color-text;\n\t}\n\n\t&.is-active {\n\t\tbackground: $color-primary;\n\t\tcolor: $color-bg-light;\n\n\t\t.dashicons {\n\t\t\tcolor: $color-bg-light;\n\t\t}\n\t}\n}\n\n.import-export-menu-options__group-label {\n\tflex: 1;\n\tmin-width: 0;\n}\n\n.import-export-menu-options__sidebar-footer {\n\tpadding-top: $space-lg;\n\tborder-top: 1px solid $color-border-light;\n    margin-top: 1rem;\n}\n\n.import-export-menu-options__sidebar {\n\n\t@media (max-width: $breakpoint-xl) {\n\t\tposition: static;\n\t\ttop: auto;\n\t\theight: auto;\n\t\twidth: 100%;\n\t\toverflow-y: visible;\n\t\tbackground: $color-bg-light;\n\t\tborder-bottom: 1px solid $color-border;\n\t}\n}","@use \"abstracts\" as *;\n\n// Prevent the bare hex input from flashing before `wpColorPicker` upgrades it.\n.js .import-export-menu-color-picker:not(.wp-color-picker) {\n\tdisplay: none;\n}\n\n.wp-picker-input-wrap .button.wp-picker-default {\n\n\t@extend %import-export-menu-button;\n\n\tdisplay: inline-block;\n}","@use \"abstracts\" as *;\n\n.import-export-menu-options__content {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-width: 0;\n}\n\n.import-export-menu-options__form {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1;\n}\n\n.import-export-menu-options__header {\n\tpadding: $space-md $space-3xl;\n\tposition: sticky;\n\ttop: 32px; // WP admin bar height\n\tz-index: 10;\n\tbackground: $color-bg-light;\n\tbox-shadow: 5px 2px 8px rgb(213 213 213 / 50%);\n}\n\n.import-export-menu-options__header-top {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: $space-lg;\n\tmargin-bottom: $space-sm;\n}\n\n.import-export-menu-options__header-actions {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: $space-sm;\n\tflex-shrink: 0;\n}\n\n.import-export-menu-options__title {\n\tmargin: 0;\n\tfont-size: $font-size-2xl;\n\tfont-weight: $font-weight-semibold;\n\tcolor: $color-text;\n\tline-height: normal;\n}\n\n.import-export-menu-options__tabs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: $space-2xl;\n\tmargin: 0 #{-1 * $space-3xl};\n\tpadding: 0 $space-3xl;\n}\n\n.import-export-menu-options__tab {\n\tposition: relative;\n\tpadding: 4px 0;\n\tcolor: $color-text;\n\tfont-size: $font-size-md;\n\ttext-decoration: none;\n\ttransition: color $transition-fast;\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: $color-text;\n\t}\n\n\t&.is-active {\n\t\tcolor: $color-primary;\n\t\tfont-weight: $font-weight-semibold;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tbottom: -2px;\n\t\t\theight: 2px;\n\t\t\tbackground: $color-primary;\n\t\t\tborder-radius: $radius-sm;\n\t\t}\n\t}\n}\n\n.import-export-menu-options__sections {\n\tposition: relative;\n\tpadding: $space-2xl $space-2xl 0;\n\tflex: 1;\n\tbackground: $color-bg;\n}\n\n.import-export-menu-options__panel--custom .import-export-menu-options__sections {\n\tpadding-bottom: $space-2xl;\n}\n\n// Guidance banner shown when the active group/tab is gated on a control that\n// is not on this page. Sits above the section cards (or the active panel's).\n.import-export-menu-options__dependency-notice {\n\tmargin-bottom: $space-2xl;\n}\n\n.import-export-menu-options__tab-panel {\n\t// Inactive panels stay in the layout (so embedded TinyMCE/CodeMirror\n\t// editors get a real width on init) but are pulled out of flow and made\n\t// invisible + unfocusable. JS toggles `is-active` on tab clicks; without\n\t// JS the tab links fall back to a normal page reload.\n\t&:not(.is-active) {\n\t\tposition: absolute;\n\t\tinset: 0 0 auto;\n\t\tvisibility: hidden;\n\t}\n}\n\n.import-export-menu-options__empty {\n\tpadding: $space-3xl;\n\ttext-align: center;\n\tcolor: $color-text-light;\n\tborder: 1px dashed $color-border-dark;\n\tborder-radius: $radius-lg;\n}\n\n@media (max-width: $breakpoint-xl) {\n\n\t.import-export-menu-options__content {\n\t\twidth: 100%;\n\n\t\t.import-export-menu-options__sections {\n\t\t\tpadding: $space-2xl 0 0;\n\t\t}\t\n\t}\t\n}\n\n@media (max-width: $breakpoint-md) {\n\n\t.import-export-menu-wrap {\n\t\tmargin-right: 10px;\n\t}\t\n}\n\n@media (max-width: $breakpoint-sm) {\n\n\t.import-export-menu-options__header {\n\t\ttop: 0;\n\t}\t\n}\n","@use \"abstracts\" as *;\n\n.import-export-menu-options__section {\n\tbackground: $color-bg-light;\n\tborder: 1px solid $color-border;\n\tborder-radius: $radius-xl;\n\tpadding: $space-xl $space-2xl $space-2xl;\n\tmargin-bottom: $space-2xl;\n\n\t&-header {\n\t\tmargin-bottom: $space-lg;\n\t}\n\n\t&-title {\n\t\tmargin: 0 0 $space-xs;\n\t\tfont-size: $font-size-xl;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-text;\n\t}\n\n\t&-description {\n\t\tmargin: 0;\n\t\tcolor: $color-text-light;\n\t\tfont-size: $font-size-lg;\n\t}\n\n\t&-body {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-lg;\n\t}\n}\n","@use \"abstracts\" as *;\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tmargin: $space-lg 0;\n}","@use \"sass:color\";\n@use \"abstracts\" as *;\n\n// Single source of truth for the plugin's buttons. Two variants:\n//   .button.button-primary  — filled brand action.\n//   .button.button-outline  — bordered, neutral action.\n// Scoped to the plugin UI (the options-page wrap and the JS-mounted confirm\n// modal). The page stylesheet only loads on the plugin screens, so these rules\n// never reach the rest of wp-admin.\n.import-export-menu-wrap,\n.import-export-menu-confirm {\n\n\t.button {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: $space-xs;\n\t\tmin-height: 40px;\n\t\theight: auto;\n\t\tmargin: 0;\n\t\tpadding: $space-2xs $space-lg;\n\t\tborder: 1px solid transparent;\n\t\tborder-radius: $radius-md;\n\t\tfont-size: $font-size-md;\n\t\tfont-weight: $font-weight-medium;\n\t\tline-height: $line-height-snug;\n\t\ttext-decoration: none;\n\t\twhite-space: nowrap;\n\t\tcursor: pointer;\n\t\tbox-shadow: none;\n\t\ttransition: $transition-fast;\n\t\twidth: max-content;\n\n\t\t.dashicons {\n\t\t\tfont-size: 16px;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t&:disabled,\n\t\t&[disabled] {\n\t\t\topacity: 0.6;\n\t\t\tcursor: not-allowed;\n\t\t}\n\t}\n\n\t.button-primary {\n\t\tbackground: $color-primary;\n\t\tborder-color: $color-primary;\n\t\tcolor: $color-text-inverse;\n\n\t\t&:hover {\n\t\t\tbackground: $color-primary-dark;\n\t\t\tborder-color: $color-primary-dark;\n\t\t\tcolor: $color-text-inverse;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: $color-primary-dark;\n\t\t\toutline: 2px solid $color-text-inverse;\n\t\t\toutline-offset: -4px;\n\t\t\tcolor: $color-text-inverse;\n\t\t}\n\t}\n\n\t.button-outline {\n\t\tbackground: transparent;\n\t\tborder-color: $color-border-dark;\n\t\tcolor: $color-text;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tborder-color: $color-primary;\n\t\t\tcolor: $color-primary-dark;\n\t\t\tbackground: color.adjust($color-primary, $lightness: 50%);\n\t\t}\n\t}\n\n\t// Destructive outline action: red border + soft red tint, filling solid red\n\t// on hover. Always pair with a confirm dialog.\n\t.button-danger {\n\t\tbackground: color.adjust($color-danger, $lightness: 42%);\n\t\tborder-color: $color-danger;\n\t\tcolor: $color-danger;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: $color-danger;\n\t\t\tborder-color: $color-danger;\n\t\t\tcolor: $color-text-inverse;\n\t\t}\n\t}\n}\n","$transition-fast: 0.12s ease;\n$transition-default: 0.15s ease;\n$transition-slow: 0.25s ease;\n","@use \"abstracts\" as *;\n\n.import-export-menu-field {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr;\n\tgap: $space-2xs;\n\n\t// Conditional fields are toggled via the `hidden` attribute by the\n\t// options JS. The `display: grid` above beats the UA `[hidden]`\n\t// stylesheet, so without this rule a hidden field stays visible.\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n\n\t&__label label {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\tgap: $space-xs;\n\t\tfont-size: $font-size-lg;\n\t\tfont-weight: $font-weight-medium;\n\t\tcolor: $color-text;\n\t\tmargin-bottom: $space-xs;\n\t}\n\n\t&__tier {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: $space-2xs $space-sm;\n\t\tborder-radius: $radius-pill;\n\t\tfont-size: 0.65rem;\n\t\tfont-weight: $font-weight-semibold;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.06em;\n\t\tline-height: $line-height-snug;\n\t\twhite-space: nowrap;\n\n\t\t&--pro {\n\t\t\tbackground: linear-gradient(135deg, $color-primary 0%, $color-primary 100%);\n\t\t\tcolor: $color-bg-light;\n\t\t\tborder: 1px solid $color-primary;\n\t\t}\n\t}\n\n\t// \"Locked\" presentation for Pro-tier rows. The control is rendered but\n\t// drained of colour and pointer access — readers see what the field would\n\t// look like in the upgraded plan without being able to mutate it.\n\t&--is-pro {\n\n\t\t.import-export-menu-field__control {\n\t\t\tposition: relative;\n\t\t\topacity: 0.4;\n\t\t\tpointer-events: none;\n\t\t\tuser-select: none;\n\t\t\tfilter: grayscale(0.4);\n\n\t\t\t// Tap target for the badge tooltip; an unstyled overlay keeps the\n\t\t\t// underlying control rendered without any visual chrome.\n\t\t\t&::before {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: -$space-2xs;\n\t\t\t\tborder-radius: $radius-md;\n\t\t\t\tbackground: transparent;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\t\t}\n\n\t\t.import-export-menu-field__label label {\n\t\t\tcolor: $color-text-light;\n\t\t}\n\t}\n\n\t&__control {\n\n\t\t.description {\n\t\t\tmargin-top: $space-2xs;\n\t\t\tcolor: $color-text-light;\n\t\t\tfont-size: $font-size-md;\n\t\t}\n\n\t\tinput,\n\t\ttextarea,\n\t\tselect {\n\t\t\tborder-radius: $radius-md;\n\t\t\tborder-color: $color-border-input;\n\t\t\tcolor: $color-text;\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tborder-color: $color-primary-dark;\n\t\t\t}\n\t\t}\n\n\t\tselect,\n\t\tinput[type=\"date\"] {\n\t\t\tmax-width: 100%;\n\t\t\tmin-height: 40px;\n\t\t\twidth: $control-width-md;\n\n\t\t\t&:focus {\n\t\t\t\tborder: 1px solid $color-primary-dark;\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 1px $color-primary-focus;\n\t\t\t}\n\t\t}\n\n\t\tinput.import-export-menu-input {\n\t\t\tmax-width: 100%;\n\t\t\tmin-height: 40px;\n\t\t\twidth: $control-width-md;\n\n\t\t\t&--xs {\n\t\t\t\twidth: $control-width-xs;\n\t\t\t}\n\n\t\t\t&--sm {\n\t\t\t\twidth: $control-width-sm;\n\t\t\t}\n\n\t\t\t&--md {\n\t\t\t\twidth: $control-width-md;\n\t\t\t}\n\n\t\t\t&--lg {\n\t\t\t\twidth: $control-width-lg;\n\t\t\t}\n\n\t\t\t&--xl {\n\t\t\t\twidth: $control-width-xl;\n\t\t\t}\n\n\t\t\t&--full {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\tinput[type=\"radio\"],\n\t\tinput[type=\"checkbox\"] {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t}\n\n\t\tinput[type=\"radio\"] {\n\t\t\tbackground: $color-bg-light;\n\t\t\tborder-radius: 100%;\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 1px $color-primary-dark;\n\t\t\t}\n\n\t\t\t&:checked::before {\n\t\t\t\tbackground: $color-primary-dark;\n\t\t\t\tmargin: 0;\n\t\t\t\twidth: 0.5rem;\n\t\t\t\theight: 0.5rem;\n\t\t\t}\n\t\t}\n\n\t\tinput[type=\"checkbox\"] {\n\t\t\tborder-radius: $radius-sm;\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 1px $color-primary-dark;\n\t\t\t}\n\t\t}\t\t\n\n\t\tinput[type=\"number\"] {\n\t\t\twidth: auto;\n\t\t}\n\n\t\tfieldset label {\n\t\t\tfont-size: $font-size-md;\n\t\t\tcolor: $color-text;\n\t\t}\n\t}\n\n\t&--toggle {\n\t\tgrid-template-columns: 1fr auto;\n\t\talign-items: center;\n\t\tcolumn-gap: $space-lg;\n\t\trow-gap: $space-2xs;\n\n\t\t.import-export-menu-field__label {\n\t\t\tgrid-column: 1;\n\t\t\tgrid-row: 1;\n\t\t}\n\n\t\t.import-export-menu-field__label label {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t.import-export-menu-field__control {\n\t\t\tdisplay: contents;\n\t\t}\n\n\t\t.import-export-menu-field__control > .import-export-menu-toggle {\n\t\t\tgrid-column: 2;\n\t\t\tgrid-row: 1;\n\t\t\tjustify-self: end;\n\t\t}\n\n\t\t.import-export-menu-field__control > .description {\n\t\t\tgrid-column: 1 / -1;\n\t\t\tgrid-row: 2;\n\t\t\tmargin-top: 0;\n\t\t}\n\t}\n\n\t&--slider .import-export-menu-field__control,\n\t&--checkbox .import-export-menu-field__control,\n\t&--radio .import-export-menu-field__control {\n\n\t\t.description {\n\t\t\tmargin-top: $space-sm;\n\t\t}\n\t}\n}\n\n.import-export-menu-toggle {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tcursor: pointer;\n\tuser-select: none;\n\n\tinput[type=\"checkbox\"] {\n\t\tposition: absolute;\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t\twidth: 1px;\n\t\theight: 1px;\n\n\t\t&:checked + .import-export-menu-toggle__track {\n\t\t\tbackground: $color-primary;\n\t\t\tborder-color: $color-primary;\n\n\t\t\t&::after {\n\t\t\t\ttransform: translateX(20px);\n\t\t\t\tbackground: $color-bg-light;\n\t\t\t}\n\t\t}\n\n\t\t&:focus-visible + .import-export-menu-toggle__track {\n\t\t\tbox-shadow: $shadow-focus-strong;\n\t\t}\n\t}\n\n\t&__track {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 44px;\n\t\theight: 24px;\n\t\tbackground: $color-border-dark;\n\t\tborder: 1px solid $color-border-dark;\n\t\tborder-radius: $radius-pill;\n\t\ttransition: background $transition-default, border-color $transition-default;\n\n\t\t&::after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\ttop: 3px;\n\t\t\tleft: 3px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tbackground: $color-bg-light;\n\t\t\tborder-radius: 50%;\n\t\t\ttransition: transform $transition-default;\n\t\t\tbox-shadow: $shadow-md;\n\t\t}\n\t}\n\n\t&__label {\n\t\tdisplay: none;\n\t}\n}\n\n.import-export-menu-color-picker + .wp-picker-container,\n.wp-picker-container .wp-color-result {\n\tborder-radius: $radius-md;\n}\n\n.wp-picker-container .wp-color-result {\n\t// to the rounded button so no white pokes out at the corners.\n\toverflow: hidden;\n}\n\n.import-export-menu-field--color .wp-picker-container {\n\tposition: relative;\n\n\t.wp-picker-holder {\n\t\tposition: absolute;\n\t\ttop: 100%;\n\t\tleft: 0;\n\t\tz-index: 100;\n\t}\n}\n\n@media (max-width: $breakpoint-lg) {\n\n\t.import-export-menu-field {\n\n\t\t&__control {\n\n\n\t\t\tinput.import-export-menu-input {\n\t\n\t\t\t\t&--xs,\n\t\t\t\t&--sm,\n\t\t\t\t&--md,\n\t\t\t\t&--lg,\n\t\t\t\t&--xl,\n\t\t\t\t&--full {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t}\t\t\t\n\n\t\t\tselect,\n\t\t\tinput[type=\"date\"] {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media (max-width: $breakpoint-md) {\n\n\t.import-export-menu-field {\n\n\t\t&__control {\n\n\t\t\tinput[type=\"checkbox\"] {\n\n\t\t\t\t&:checked {\n\n\t\t\t\t\t&::before {\n\t\t\t\t\t\tmargin: -0.1875rem 0 0 -0.25rem;\n\t\t\t\t\t\theight: 1.3125rem;\n\t\t\t\t\t\twidth: 1.3125rem;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"abstracts\" as *;\n\n.import-export-menu-slider {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $space-2xs;\n\tmax-width: 100%;\n\n\t&__track-row {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: $space-md;\n\t}\n\n\t&__input {\n\t\tflex: 1;\n\t\tappearance: none;\n\t\theight: 6px;\n\t\tborder-radius: $radius-pill;\n\t\tbackground: $color-border;\n\t\toutline: none;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\n\t\t&::-webkit-slider-thumb {\n\t\t\tappearance: none;\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground: $color-primary;\n\t\t\tborder: 3px solid $color-bg-light;\n\t\t\tbox-shadow: $shadow-thumb;\n\t\t\tcursor: pointer;\n\t\t\ttransition: transform $transition-fast;\n\t\t}\n\n\t\t&::-moz-range-thumb {\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground: $color-primary;\n\t\t\tborder: 3px solid $color-bg-light;\n\t\t\tbox-shadow: $shadow-thumb;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&:focus-visible::-webkit-slider-thumb {\n\t\t\tbox-shadow: $shadow-focus;\n\t\t}\n\t}\n\n\t&__value {\n\t\tmin-width: 3.5rem;\n\t\ttext-align: right;\n\t\tfont-size: $font-size-base;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-primary;\n\t\tfont-variant-numeric: tabular-nums;\n\t}\n\n\t&__labels {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tfont-size: $font-size-md;\n\t\tcolor: $color-text-light;\n\t}\n}\n","@use \"abstracts\" as *;\n\n.import-export-menu-media {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $space-sm;\n\tmax-width: 480px;\n\n\t&__row {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: $space-md;\n\t\tflex-wrap: wrap;\n\t}\n\n\t&__filename {\n\t\tfont-size: $font-size-base;\n\t\tcolor: $color-text-light;\n\t\tword-break: break-all;\n\t}\n\n\t&__remove {\n\t\tcolor: $color-danger;\n\t\ttext-decoration: none;\n\t\tfont-size: $font-size-base;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: $color-danger;\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t// Image variant — drag-drop dashed-border preview area.\n\t&--image &__preview {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmin-height: 140px;\n\t\tborder: 1px dashed $color-border-dark;\n\t\tborder-radius: $radius-lg;\n\t\tbackground: $color-bg-light;\n\t\tbackground-position: center;\n\t\tbackground-size: cover;\n\t\tbackground-repeat: no-repeat;\n\t\tcolor: $color-text-light;\n\t\ttext-align: center;\n\t\tpadding: $space-lg;\n\t\ttransition: border-color $transition-default, background $transition-default;\n\n\t\t&.has-image {\n\t\t\tborder-style: solid;\n\t\t\tborder-color: $color-border;\n\t\t\tbackground-color: $color-bg-light;\n\t\t\tmin-height: 200px;\n\n\t\t\t.import-export-menu-media__placeholder {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__placeholder {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tgap: $space-xs;\n\t\tfont-size: $font-size-base;\n\n\t\t.dashicons {\n\t\t\tfont-size: 1.6rem;\n\t\t\twidth: 1.6rem;\n\t\t\theight: 1.6rem;\n\t\t\tcolor: $color-text-light;\n\t\t}\n\t}\n\n\t&__hint {\n\t\tfont-size: $font-size-sm;\n\t\tcolor: $color-text-light;\n\t}\n}\n","@use \"abstracts\" as *;\n\n.import-export-menu-code-editor {\n\twidth: 100%;\n\tfont-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n\tfont-size: $font-size-md;\n}\n\n// CodeMirror upgrades the textarea — style the wrapper it injects so it\n// inherits the same border treatment as the rest of the form controls.\n.import-export-menu-options .CodeMirror {\n\tborder: 1px solid $color-border-input;\n\tborder-radius: $radius-md;\n\tfont-size: $font-size-md;\n\theight: 300px;\n\toverflow: hidden;\n}\n\n.import-export-menu-options .CodeMirror-scroll {\n\tmin-height: 300px;\n}\n\n.import-export-menu-options .CodeMirror-focused {\n\tborder-color: $color-primary;\n\tbox-shadow: $shadow-focus;\n}\n","@use \"abstracts\" as *;\n\n.import-export-menu-wysiwyg {\n\n\t.wp-editor-wrap {\n\t\tborder: 1px solid $color-border-input;\n\t\tborder-radius: $radius-md;\n\t\toverflow: hidden;\n\t}\n\n\t.wp-editor-tabs {\n\t\tbackground: $color-bg-light;\n\t}\n\n\t.mce-toolbar-grp {\n\t\tborder-bottom: 1px solid $color-border;\n\t}\n\n\t.mce-tinymce {\n\t\tborder-radius: $radius-md;\n\t}\n\n\t// TinyMCE's bottom-right resize handle uses an icon font glyph that leaves\n\t// a ghost square/character behind whenever the panel is re-shown after a\n\t// tab switch (the font has not always rehydrated by the time the toolbar\n\t// repaints). Hide both the handle and the inner icon entirely — the\n\t// editor height is configured via `editor_height`, so manual resize is\n\t// not needed in this admin context.\n\t.mce-statusbar .mce-resizehandle,\n\t.mce-ico.mce-i-resize {\n\t\tdisplay: none !important;\n\n\t\t&::before {\n\t\t\tcontent: none !important;\n\t\t}\n\t}\n}\n","@use \"abstracts\" as *;\n\n.import-export-menu-repeater {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $space-md;\n\n\t&__rows {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-md;\n\t}\n\n\t&__row {\n\t\tborder: 1px solid $color-border;\n\t\tborder-radius: $radius-lg;\n\t\tbackground: $color-bg-light;\n\t\tbox-shadow: $shadow-sm;\n\t\ttransition: box-shadow $transition-fast, border-color $transition-fast;\n\n\t\t&:hover {\n\t\t\tborder-color: $color-border-dark;\n\t\t\tbox-shadow: $shadow-md;\n\t\t}\n\t}\n\n\t&__row-header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: $space-sm;\n\t\tpadding: $space-sm $space-md;\n\t\tbackground: $color-bg-light;\n\t\tborder-bottom: 1px solid $color-border;\n\t\tborder-top-left-radius: $radius-lg;\n\t\tborder-top-right-radius: $radius-lg;\n\t}\n\n\t&__drag {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tborder-radius: $radius-md;\n\t\tcursor: grab;\n\t\tcolor: $color-text-light;\n\t\ttext-decoration: none;\n\t\tpadding: 0;\n\t\tline-height: 1;\n\t\ttransition: background $transition-fast, color $transition-fast;\n\t\tborder: none;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: $color-bg-hover;\n\t\t\tcolor: $color-text;\n\t\t}\n\n\t\t&:active {\n\t\t\tcursor: grabbing;\n\t\t}\n\n\t\t.dashicons {\n\t\t\tfont-size: 18px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tline-height: 1;\n\t\t}\n\t}\n\n\t&__row-label {\n\t\tflex: 1;\n\t\tfont-size: $font-size-md;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-text;\n\t\ttext-transform: uppercase;\n\t\tletter-spacing: 0.06em;\n\t}\n\n\t&__row-number {\n\t\tcolor: $color-text-light;\n\t\tfont-weight: $font-weight-normal;\n\t\tmargin-left: $space-2xs;\n\t}\n\n\t&__remove {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\t\twidth: 28px;\n\t\theight: 28px;\n\t\tborder-radius: $radius-md;\n\t\tcolor: $color-danger;\n\t\ttext-decoration: none;\n\t\tpadding: 0;\n\t\tline-height: 1;\n\t\ttransition: background $transition-fast, color $transition-fast;\n\t\tborder: none;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: rgba($color-danger, 0.1);\n\t\t\tcolor: $color-danger;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t&[disabled] {\n\t\t\topacity: 0.35;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.dashicons {\n\t\t\tfont-size: 18px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tline-height: 1;\n\t\t}\n\t}\n\n\t&__row-body {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-lg;\n\t\tpadding: $space-lg $space-md;\n\t}\n\n\t&__field {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: minmax(120px, 200px) 1fr;\n\t\tgap: $space-md;\n\t\talign-items: center;\n\n\t\t.import-export-menu-field__label label {\n\t\t\tfont-size: $font-size-md;\n\t\t\tfont-weight: $font-weight-medium;\n\t\t\tcolor: $color-text;\n\t\t}\n\t}\n\n\t&__add {\n\t\talign-self: flex-start;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: $space-2xs;\n\t\tpadding: $space-sm $space-md;\n\t\tborder: 1px dashed $color-primary;\n\t\tbackground: transparent;\n\t\tcolor: $color-primary;\n\t\tborder-radius: $radius-md;\n\t\tfont-weight: $font-weight-medium;\n\t\tcursor: pointer;\n\t\ttransition: background $transition-fast, color $transition-fast, border-color $transition-fast;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: $color-bg-hover;\n\t\t\tborder-color: $color-primary-dark;\n\t\t\tcolor: $color-primary-dark;\n\t\t}\n\n\t\t.dashicons {\n\t\t\tfont-size: $font-size-md;\n\t\t\twidth: $font-size-md;\n\t\t\theight: $font-size-md;\n\t\t\tline-height: 1;\n\t\t}\n\t}\n\n\t&__template {\n\t\tdisplay: none;\n\t}\n\n\t&__placeholder {\n\t\tborder: 1px dashed $color-border-dark;\n\t\tborder-radius: $radius-lg;\n\t\tbackground: $color-bg-light;\n\t\tmargin-bottom: $space-md;\n\t}\n}\n\n// jQuery UI Sortable applies the helper class directly on the row being\n// dragged; lift it visually so the drag origin is unambiguous.\n.import-export-menu-repeater__row.ui-sortable-helper {\n\tbox-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);\n\topacity: 0.95;\n\tborder-color: $color-primary;\n}\n\n@media (max-width: $breakpoint-sm) {\n\n\t.import-export-menu-repeater__field {\n\t\tgrid-template-columns: 1fr;\n\t\talign-items: start;\n\t}\n}\n","@use \"abstracts\" as *;\n\n.import-export-menu-typography {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(4, minmax(0, 1fr));\n\tgap: $space-md;\n\tmax-width: 720px;\n\n\tinput[type=\"number\"] {\n\t\twidth: 4.5rem;\n\t}\n\n\t&__group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-2xs;\n\t\tmin-width: 0;\n\t}\n\n\t&__label {\n\t\tfont-size: $font-size-md;\n\t\tcolor: $color-text-light;\n\t}\n\n\t&__size {\n\t\tdisplay: flex;\n\t\tgap: $space-2xs;\n\n\t\tinput[type=\"number\"] {\n\t\t\tflex: 1;\n\t\t\tmin-width: 0;\n\t\t}\n\n\t\tselect {\n\t\t\twidth: 4.5rem;\n\t\t\tflex: none;\n\t\t}\n\t}\n}\n\n@media (max-width: $breakpoint-lg) {\n\n\t.import-export-menu-typography {\n\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\t}\n}\n\n@media (max-width: $breakpoint-sm) {\n\n\t.import-export-menu-typography {\n\t\tgrid-template-columns: 1fr;\n\t}\n}","@use \"abstracts\" as *;\n\n.import-export-menu-spacing {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: flex-end;\n\tgap: $space-sm;\n\tmax-width: 520px;\n\n\tselect {\n\t\twidth: auto;\n\t}\n\n\t&__sides {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(4, minmax(70px, 1fr));\n\t\tgap: $space-sm;\n\t\tflex: 1;\n\t}\n\n\t&__side {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-2xs;\n\t}\n\n\t&__side-label {\n\t\tfont-size: $font-size-sm;\n\t\tcolor: $color-text-light;\n\t\ttext-align: center;\n\t}\n\n\t&__input {\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t}\n\n\t&__controls {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: $space-sm;\n\t}\n\n\t&__unit {\n\t\tmin-width: 4rem;\n\t}\n\n\t&__link {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder: 1px solid $color-border-input;\n\t\tborder-radius: $radius-md;\n\t\tcursor: pointer;\n\t\tcolor: $color-text-light;\n\t\ttransition: background $transition-fast, color $transition-fast, border-color $transition-fast;\n\n\t\t&:hover {\n\t\t\topacity: .75;\n\t\t}\n\n\t\tinput[type=\"checkbox\"] {\n\t\t\tposition: absolute;\n\t\t\topacity: 0;\n\t\t\tpointer-events: none;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t}\n\t}\n\n\t&.is-linked &__link {\n\t\tbackground: $color-primary;\n\t\tborder-color: $color-primary;\n\t\tcolor: $color-bg-light;\n\n\t\t&:hover {\n\t\t\tbackground: $color-primary-dark;\n\t\t\tborder-color: $color-primary-dark;\n\t\t\tcolor: $color-bg-light;\n\t\t}\n\t}\n}\n","@use \"abstracts\" as *;\n\n.import-export-menu-button-group {\n\tdisplay: inline-flex;\n\tflex-wrap: wrap;\n\tborder: 1px solid $color-border-input;\n\tborder-radius: $radius-md;\n\tbackground: $color-bg-light;\n\tpadding: $space-3xs;\n\tgap: $space-3xs;\n\tmax-width: 100%;\n\n\t&__option {\n\t\tposition: relative;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: $space-xs;\n\t\tpadding: $space-md;\n\t\tborder-radius: $radius-sm;\n\t\tfont-size: $font-size-md;\n\t\tfont-weight: $font-weight-medium;\n\t\tcolor: $color-text-light;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t\ttransition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;\n\n\t\tinput[type=\"radio\"] {\n\t\t\tposition: absolute;\n\t\t\twidth: 1px;\n\t\t\theight: 1px;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\topacity: 0;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: $color-primary-dark;\n\t\t\tcolor: $color-bg-light;\n\t\t}\n\n\t\t&.is-selected {\n\t\t\tbackground: $color-primary;\n\t\t\tcolor: $color-bg-light;\n\t\t\tbox-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);\n\t\t}\n\n\t\t&:has(input[type=\"radio\"]:focus-visible) {\n\t\t\tbox-shadow: $shadow-focus;\n\t\t}\n\t}\n\n\t&__icon.dashicons {\n\t\tfont-size: $font-size-xl;\n\t\twidth: $font-size-xl;\n\t\theight: $font-size-xl;\n\t\tline-height: $line-height-tight;\n\t}\n}\n","@use \"sass:color\";\n@use \"abstracts\" as *;\n\n// Tinted callout box. Variant colours are derived from the design tokens so the\n// hue stays in sync with the rest of the admin theme.\n.import-export-menu-notice {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: $space-md;\n\tpadding: $space-md $space-lg;\n\tborder-radius: $radius-lg;\n\tborder: 1px solid transparent;\n\tborder-left-width: 4px;\n\tbackground: $color-bg-light;\n\tmargin-bottom: $space-2xl;\n\n\t&--dismissible {\n\t\tpadding-right: $space-xl;\n\t}\n\n\t&__dismiss {\n\t\tposition: absolute;\n\t\ttop: $space-xs;\n\t\tright: $space-xs;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: $space-3xs;\n\t\tborder: 0;\n\t\tbackground: transparent;\n\t\tcolor: $color-text-light;\n\t\tcursor: pointer;\n\t\tborder-radius: $radius-sm;\n\t\ttransition: $transition-fast;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: $color-text;\n\t\t\tbackground: rgba(15, 23, 42, 0.08);\n\t\t}\n\n\t\t.dashicons {\n\t\t\tfont-size: 18px;\n\t\t\twidth: 18px;\n\t\t\theight: 18px;\n\t\t\tline-height: 1;\n\t\t}\n\t}\n\n\t&__icon.dashicons {\n\t\tflex-shrink: 0;\n\t\tfont-size: 22px;\n\t\twidth: 22px;\n\t\theight: 22px;\n\t\tline-height: 1;\n\t\tmargin-top: 2px;\n\t}\n\n\t&__body {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t\tfont-size: $font-size-md;\n\t\tcolor: $color-text-inverse;\n\t\tline-height: $line-height-normal;\n\t}\n\n\t&__title {\n\t\tfont-size: $font-size-lg;\n\t\tmargin: 0 0 $space-3xs;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-text;\n\t}\n\n\t&__message {\n\t\tcolor: $color-text;\n\n\t\tp {\n\t\t\tmargin: 0 0 $space-2xs;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\ta {\n\t\t\tcolor: inherit;\n\t\t\ttext-decoration: underline;\n\t\t}\n\n\t\tcode {\n\t\t\tpadding: 0 $space-2xs;\n\t\t\tborder-radius: $radius-sm;\n\t\t\tbackground: rgba(15, 23, 42, 0.06);\n\t\t\tfont-size: 0.95em;\n\t\t}\n\t}\n\n\t&--info {\n\t\tbackground: color.adjust($color-primary, $lightness: 48%);\n\t\tborder-color: color.adjust($color-primary, $lightness: 40%);\n\t\tborder-left-color: $color-primary;\n\n\t\t.import-export-menu-notice__icon {\n\t\t\tcolor: $color-primary;\n\t\t}\n\t}\n\n\t&--success {\n\t\tbackground: color.adjust($color-success, $lightness: 60%);\n\t\tborder-color: color.adjust($color-success, $lightness: 50%);\n\t\tborder-left-color: $color-success;\n\n\t\t.import-export-menu-notice__icon {\n\t\t\tcolor: $color-success;\n\t\t}\n\t}\n\n\t&--warning {\n\t\tbackground: color.adjust($color-warning, $lightness: 30%);\n\t\tborder-color: color.adjust($color-warning, $lightness: 20%);\n\t\tborder-left-color: color.adjust($color-warning, $lightness: -10%);\n\n\t\t.import-export-menu-notice__icon {\n\t\t\tcolor: color.adjust($color-warning, $lightness: -18%);\n\t\t}\n\t}\n\n\t&--error {\n\t\tbackground: color.adjust($color-danger, $lightness: 45%);\n\t\tborder-color: color.adjust($color-danger, $lightness: 38%);\n\t\tborder-left-color: $color-danger;\n\n\t\t.import-export-menu-notice__icon {\n\t\t\tcolor: $color-danger;\n\t\t}\n\t}\n}\n\n// Notice rows don't need the label cell — the callout already carries its own\n// heading via `title`. Hide the label slot so the body spans the full row.\n.import-export-menu-field--notice {\n\n\t.import-export-menu-field__label {\n\t\tdisplay: none;\n\t}\n}\n","@use \"sass:color\";\n@use \"abstracts\" as *;\n\n// Menus overview: a clean, self-styled table (no WP `widefat` chrome).\n.import-export-menu-menus {\n\n\t&__table {\n\t\twidth: 100%;\n\t\tborder-collapse: separate;\n\t\tborder-spacing: 0;\n\t\tborder: 1px solid $color-border;\n\t\tborder-radius: $radius-md;\n\t\toverflow: hidden;\n\t\tbackground: $color-bg-light;\n\t\tbox-shadow: $shadow-sm;\n\n\t\tth,\n\t\ttd {\n\t\t\tpadding: $space-md;\n\t\t\ttext-align: left;\n\t\t\tvertical-align: middle;\n\t\t}\n\n\t\tthead th {\n\t\t\tbackground: $color-primary;\n\t\t\tborder-bottom: 1px solid $color-border;\n\t\t\tfont-size: $font-size-xs;\n\t\t\tfont-weight: $font-weight-semibold;\n\t\t\ttext-transform: uppercase;\n\t\t\tletter-spacing: 0.06em;\n\t\t\tcolor: $color-text-inverse;\n\t\t\twhite-space: nowrap;\n\t\t\tpadding: $space-xl;\n\t\t}\n\n\t\ttbody td {\n\t\t\tborder-bottom: 1px solid $color-border-light;\n\t\t\tfont-size: $font-size-md;\n\t\t\tcolor: $color-text;\n\t\t}\n\n\t\ttbody tr:last-child td {\n\t\t\tborder-bottom: 0;\n\t\t}\n\n\t\ttbody tr {\n\t\t\ttransition: background $transition-fast;\n\t\t}\n\n\t\ttbody tr:hover td {\n\t\t\tbackground: color.adjust($color-primary, $lightness: 50%);\n\t\t}\n\t}\n\n\t// Numeric columns hug their content so Menu/Locations get the room.\n\t&__col-id,\n\t&__col-items {\n\t\twidth: 1%;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__col-actions {\n\t\ttext-align: right;\n\t}\n\n\t&__id {\n\t\tdisplay: inline-block;\n\t\tcolor: $color-text-light;\n\t\tfont-size: $font-size-sm;\n\t\tfont-weight: $font-weight-medium;\n\t}\n\n\t&__name-text {\n\t\tfont-weight: $font-weight-medium;\n\t\tfont-size: $font-size-lg;\n\t\tcolor: $color-text-dark;\n\t}\n\n\t&__count {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tmin-width: 2.25rem;\n\t\tpadding: $space-3xs $space-sm;\n\t\tcolor: $color-text-light;\n\t\tfont-size: $font-size-sm;\n\t\tfont-weight: $font-weight-medium;\n\t}\n\n\t&__chips {\n\t\tdisplay: inline-flex;\n\t\tflex-wrap: wrap;\n\t\tgap: $space-2xs;\n\t}\n\n\t&__chip,\n\t&__muted {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tpadding: $space-3xs $space-sm;\n\t\tcolor: $color-text-light;\n\t\tfont-size: $font-size-sm;\n\t\tfont-weight: $font-weight-medium;\n\t}\n\n\t&__modified {\n\t\tcolor: $color-text-light;\n\t\tfont-size: $font-size-sm;\n\t\twhite-space: nowrap;\n\t}\n\n\t&__actions {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tgap: $space-xs;\n\t}\n\n\t&__duplicate,\n\t&__edit {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tgap: $space-3xs;\n\t\twhite-space: nowrap;\n\n\t\t.dashicons {\n\t\t\tfont-size: 16px;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tline-height: 1;\n\t\t}\n\t}\n}\n\n.import-export-menu-options__sections #section-menus,\n.import-export-menu-options__sections #section-export,\n.import-export-menu-options__sections #section-import {\n\tmargin-bottom: 0;\n}","@use \"abstracts\" as *;\n\n// Export panel: the menu picker reuses the framework checkbox-field markup, so\n// only the form spacing and the per-menu item count need their own styling.\n.import-export-menu-export {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $space-lg;\n\n\t&__count {\n\t\tmargin-left: $space-2xs;\n\t\tfont-size: $font-size-sm;\n\t\tcolor: $color-text-light;\n\t}\n}\n","@use \"abstracts\" as *;\n\n// Import panel: the form reuses the framework field rows, so only the form\n// spacing, the action row, and the undo callout need their own styling.\n.import-export-menu-import {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: $space-lg;\n\n\t&__actions {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: $space-sm;\n\t}\n\n\t&__undo {\n\t\tmargin-bottom: $space-lg;\n\n\t\t.import-export-menu-import__undo-form {\n\t\t\tmargin-top: $space-sm;\n\t\t}\n\t}\n}\n\n// Per-menu outcome list shown after an import.\n.import-export-menu-import-report {\n\n\t&__list {\n\t\tmargin: $space-xs 0 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: $space-2xs;\n\t}\n\n\t&__action {\n\t\tmargin: 0 $space-2xs;\n\t\tpadding: 0 $space-xs;\n\t\tborder-radius: $radius-pill;\n\t\tbackground: $color-bg-light;\n\t\tfont-size: $font-size-xs;\n\t\tcolor: $color-text-light;\n\t}\n\n\t&__counts {\n\t\tcolor: $color-text-light;\n\t\tfont-size: $font-size-sm;\n\t}\n}\n","@use \"abstracts\" as *;\n\n.import-export-menu-date {\n\tmax-width: 12rem;\n\theight: 40px;\n\tpadding: 0 $space-sm;\n\tborder: 1px solid $color-border-input;\n\tborder-radius: $radius-md;\n\tbackground: $color-bg-light;\n\tcolor: $color-text;\n\tfont-size: $font-size-md;\n\tfont-family: inherit;\n\tline-height: $line-height-snug;\n\ttransition: border-color 0.12s ease, box-shadow 0.12s ease;\n\n\t&:hover {\n\t\tborder-color: $color-text-light;\n\t}\n\n\t&:focus,\n\t&:focus-visible {\n\t\tborder-color: $color-primary;\n\t\tbox-shadow: $shadow-focus;\n\t\toutline: none;\n\t}\n\n\t// Chrome / Safari render the calendar picker indicator with a subtle gray\n\t// glyph by default; tint it to match the primary palette on focus.\n\t&::-webkit-calendar-picker-indicator {\n\t\tcursor: pointer;\n\t\topacity: 0.65;\n\t\ttransition: opacity 0.12s ease;\n\t}\n\n\t&:hover::-webkit-calendar-picker-indicator,\n\t&:focus::-webkit-calendar-picker-indicator {\n\t\topacity: 1;\n\t}\n}\n","@use \"abstracts\" as *;\n\n.import-export-menu-options__footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tgap: $space-lg;\n\tpadding: $space-lg $space-3xl;\n\tborder-top: 1px solid $color-border;\n\tbackground: $color-bg-light;\n\tposition: sticky;\n\tbottom: 0;\n\tz-index: 10;\n}\n\n.import-export-menu-options__footer-actions {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: $space-sm;\n}\n\n@media (max-width: $breakpoint-md) {\n\n\t.import-export-menu-options--with-sidebar {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\t.import-export-menu-options__sidebar {\n\t\tborder-right: 0;\n\t\tborder-bottom: 1px solid $color-border;\n\t}\n\n\t.import-export-menu-options__footer {\n\t\tflex-direction: column;\n\t\talign-items: stretch;\n\t}\n\n\t.import-export-menu-options__footer-actions {\n\t\tjustify-content: flex-end;\n\t}\n}\n","@use \"sass:color\";\n@use \"abstracts\" as *;\n\n// Custom confirmation dialog used in place of the browser-native `confirm()`\n// for destructive actions (e.g. \"Reset Defaults\"). The markup is injected by\n// JS and toggled via the `hidden` attribute; see `initConfirmDialogs()` in\n// `src/options-page.js`.\n.import-export-menu-confirm {\n\tposition: fixed;\n\tinset: 0;\n\tz-index: 100000; // above the WP admin bar (99999).\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: $space-lg;\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n\n\t&__backdrop {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: rgba(15, 23, 42, 0.55);\n\t\tanimation: import-export-menu-confirm-backdrop-in 0.2s ease forwards;\n\t}\n\n\t&__dialog {\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tmax-width: 480px;\n\t\tpadding: $space-2xl;\n\t\ttext-align: center;\n\t\tbackground: $color-bg-light;\n\t\tborder-radius: $radius-xl;\n\t\tbox-shadow: 0 10px 40px rgba(15, 23, 42, 0.25);\n\t\t// Gentle ease-out-back so the panel settles in with a slight spring\n\t\t// instead of snapping into place.\n\t\tanimation: import-export-menu-confirm-dialog-in 0.32s\n\t\t\tcubic-bezier(0.34, 1.4, 0.5, 1) forwards;\n\t}\n\n\t// Reverse the entrance while JS keeps the node mounted, then hide it on\n\t// `animationend`. Faster + ease-in so dismissal feels crisp, not sluggish.\n\t&.is-closing {\n\n\t\t.import-export-menu-confirm__backdrop {\n\t\t\tanimation: import-export-menu-confirm-backdrop-out 0.18s ease forwards;\n\t\t}\n\n\t\t.import-export-menu-confirm__dialog {\n\t\t\tanimation: import-export-menu-confirm-dialog-out 0.18s ease-in forwards;\n\t\t}\n\t}\n\n\t&__icon.dashicons {\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tfont-size: 40px;\n\t\tline-height: 1;\n\t\tcolor: $color-danger;\n\t}\n\n\t&__title {\n\t\tfont-size: $font-size-2xl;\n\t\tfont-weight: $font-weight-semibold;\n\t\tcolor: $color-text;\n\n\t\t&[hidden] {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&__message {\n\t\tmax-width: 85%;\n\t\tmargin: 0 auto $space-2xl;\n\t\tfont-size: $font-size-lg;\n\t\tline-height: $line-height-normal;\n\t\tcolor: $color-text-light;\n\t}\n\n\t&__actions {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tgap: $space-sm;\n\t}\n\n\t// Destructive confirm button — overrides the WP primary button palette.\n\t&__ok.button.button-primary.import-export-menu-confirm__ok--danger {\n\t\tbackground: $color-danger;\n\t\tborder-color: $color-danger;\n\t\tcolor: $color-text-inverse;\n\t\tbox-shadow: none;\n\t\ttext-shadow: none;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: color.adjust($color-danger, $lightness: -6%);\n\t\t\tborder-color: color.adjust($color-danger, $lightness: -6%);\n\t\t\tcolor: $color-text-inverse;\n\t\t}\n\t}\n}\n\n@keyframes import-export-menu-confirm-backdrop-in {\n\n\tfrom {\n\t\topacity: 0;\n\t}\n\n\tto {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes import-export-menu-confirm-backdrop-out {\n\n\tfrom {\n\t\topacity: 1;\n\t}\n\n\tto {\n\t\topacity: 0;\n\t}\n}\n\n@keyframes import-export-menu-confirm-dialog-in {\n\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px) scale(0.92);\n\t}\n\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0) scale(1);\n\t}\n}\n\n@keyframes import-export-menu-confirm-dialog-out {\n\n\tfrom {\n\t\topacity: 1;\n\t\ttransform: translateY(0) scale(1);\n\t}\n\n\tto {\n\t\topacity: 0;\n\t\ttransform: translateY(10px) scale(0.96);\n\t}\n}\n\n// Honour reduced-motion: keep the dialog functional but skip the movement.\n@media (prefers-reduced-motion: reduce) {\n\n\t.import-export-menu-confirm__backdrop,\n\t.import-export-menu-confirm__dialog,\n\t.import-export-menu-confirm.is-closing .import-export-menu-confirm__backdrop,\n\t.import-export-menu-confirm.is-closing .import-export-menu-confirm__dialog {\n\t\tanimation-duration: 0.01ms;\n\t}\n}\n"]}