/* v0.6.0.14: consistent controls, subtle contextual help and beta labels. Loaded after all app styles. */
:root{--pm-switch-on:#e9c86e;--pm-switch-off:#d9e0e7;--pm-switch-ring:#ab8738}
/* Native checkboxes retain their name, value, checked state, forms and keyboard controls. */
body input[type="checkbox"]{
  -webkit-appearance:none!important;appearance:none!important;
  position:relative;display:inline-grid;place-items:center;
  box-sizing:border-box;vertical-align:middle;
  width:40px!important;min-width:40px!important;max-width:40px!important;
  height:23px!important;min-height:23px!important;max-height:23px!important;
  margin:0!important;padding:0!important;flex:0 0 40px!important;
  border:1px solid #c4ced7!important;border-radius:999px!important;
  background:var(--pm-switch-off)!important;box-shadow:none!important;
  cursor:pointer;transition:background-color .16s ease,border-color .16s ease;
}
body input[type="checkbox"]::before{
  content:"";position:absolute;top:2px;left:2px;
  width:17px;height:17px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px #1b29373d;transition:transform .16s ease;
}
body input[type="checkbox"]:checked{background:var(--pm-switch-on)!important;border-color:#cda743!important}
body input[type="checkbox"]:checked::before{transform:translateX(17px)}
body input[type="checkbox"]:focus-visible{outline:3px solid #b38b3e!important;outline-offset:3px!important}
body input[type="checkbox"]:disabled{opacity:.55;cursor:not-allowed}
body label:has(>input[type="checkbox"]){display:inline-flex;align-items:center;gap:11px;min-height:30px;max-width:100%;vertical-align:middle;cursor:pointer;line-height:1.4}
body .fit-control-panel fieldset label:has(>input[type="checkbox"]){flex-wrap:wrap;align-items:center}
body .fit-control-panel fieldset label:has(>input[type="checkbox"]) small{margin-left:51px}
/* Django renders field wrappers as <div><label>…</label><input type=checkbox></div>. */
body form.form-stack>div:not([hidden]):has(>input[type="checkbox"]):not(.pm-switch-field){
  display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;column-gap:11px;row-gap:5px;flex-wrap:wrap;min-height:38px
}
body form.form-stack>div:not([hidden]):has(>input[type="checkbox"]):not(.pm-switch-field)>label{margin:0;cursor:pointer;flex:none}
body .workspace-edit-form>.pm-switch-field{display:block;min-height:44px;padding:9px 0}
body .pm-switch-field>label{display:inline-flex;align-items:center;gap:11px;cursor:pointer;margin:0;font-size:14px;font-weight:620}
body .pm-switch-field>small{display:block;margin:5px 0 0 51px}
body .crm-unified-checkbox{align-items:center}
body .crm-unified-checkbox>label{align-items:center!important;gap:11px!important}
body .crm-unified-checkbox input[type="checkbox"],body .crm-work-check input[type="checkbox"],body .fit-editor-toggle input[type="checkbox"]{margin:0!important;width:40px!important;height:23px!important;flex:0 0 40px!important}
body .crm-work-check{align-items:center!important;gap:11px!important;font-size:13px!important;line-height:1.45!important}
body .fit-editor-toggle{align-items:center!important}
body .staff-profile-remove-label{align-items:center!important;gap:11px!important}
body .fabric-stock-place-active{display:inline-flex;align-items:center;gap:10px}
/* Desktop and responsive save/cancel rows are always a single horizontal toolbar. */
body .workspace-layout .workspace-edit-form>.crm-form-actions{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;
  gap:12px!important;flex-wrap:wrap!important;padding:18px 20px!important;min-height:76px
}
body .workspace-layout .workspace-edit-form>.crm-form-actions>.button{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;min-width:140px;max-width:100%;width:auto!important;flex:0 0 auto;margin:0}
@media(max-width:480px){
  body .workspace-layout .workspace-edit-form>.crm-form-actions>.button{flex:1 1 126px;min-width:0}
  body .workspace-layout .workspace-edit-form>.crm-form-actions{padding:13px!important;gap:9px!important}
}
/* One consistent compact icon-only action in data tables. */
.pm-icon-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d9e1e8;border-radius:9px;background:#f8f9fb;color:#73808e;text-decoration:none;vertical-align:middle}
.pm-icon-action svg{width:17px;height:17px;display:block}
.pm-icon-action:hover{border-color:#cbd5df;background:#eef2f6;color:#3e5060}
.pm-icon-action:focus-visible{outline:2px solid #ad893c;outline-offset:3px}
/* The color beta badge and contextual tip appear in all catalog pickers. */
.pm-color-filter-heading{display:flex;align-items:center;gap:8px;min-height:21px;margin:0 0 7px}
.pm-color-filter-heading>label,.pm-color-filter-heading>span:first-child{margin:0!important;font-size:12px;font-weight:720;color:#34465b}
.pm-catalog-color-field>.pm-color-filter-heading{margin-bottom:7px}
.toolbar .pm-catalog-color-field{flex:1 1 175px;min-width:min(100%,155px)}
.toolbar .pm-catalog-color-field>select{width:100%;min-width:0}
.pm-color-beta-wrap{position:relative;display:inline-flex;align-items:center;gap:5px;flex:none;z-index:2}
.pm-color-beta{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;border:1px solid #ead4a3;background:#fff7e3;color:#825e18;line-height:1.3;font-size:10px;font-weight:760;white-space:nowrap}
.pm-help-icon{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;min-width:21px;min-height:21px;border-radius:50%;border:1px solid #cfd8e2;background:#fff;color:#728197;font-size:12px;font-weight:850;line-height:1;padding:0;cursor:help}
.pm-help-icon:hover,.pm-help-icon:focus-visible{color:#624c24;border-color:#c4a55b;background:#fff8e7;outline-offset:2px}
.pm-help-tooltip{position:absolute;z-index:99;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:max-content;max-width:min(290px,76vw);min-width:205px;padding:11px 13px;border:1px solid #dce3e9;border-radius:10px;box-shadow:0 7px 25px #172d4830;background:#fff;color:#405269;font-size:12px;font-weight:500;line-height:1.5;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s}
.pm-color-beta-wrap:hover .pm-help-tooltip,.pm-color-beta-wrap:focus-within .pm-help-tooltip,.pm-color-beta-wrap.is-open .pm-help-tooltip,.pm-inline-help:hover .pm-help-tooltip,.pm-inline-help:focus-within .pm-help-tooltip,.pm-inline-help.is-open .pm-help-tooltip{opacity:1;visibility:visible}
.pm-color-beta-wrap.is-dismissed .pm-help-tooltip,.pm-inline-help.is-dismissed .pm-help-tooltip{opacity:0!important;visibility:hidden!important}
.pm-inline-help{display:inline-flex;align-items:center;gap:7px;position:relative;width:max-content;margin:3px 0 0}
.pm-field-label{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.pm-field-label label{margin:0!important}
@media(max-width:700px){.pm-help-tooltip{left:auto;right:-25px;transform:none;max-width:min(260px,80vw)}}
@media(prefers-reduced-motion:reduce){body input[type="checkbox"],body input[type="checkbox"]::before{transition:none}}