#slr-post {display:block;width:100%;margin:0 0 16px 0;}
#slr-post #slr-type-msg {margin:0 0 10px 0;}
#slr-post .slr-card {display:block;width:100%;margin:0 0 12px 0;padding:16px;border:1px solid var(--mb-input-border-color,#d8d8d8);border-radius:8px;background:#fff;box-sizing:border-box;cursor:pointer;}
#slr-post .slr-card.active {border-color:var(--mb-color-primary,#3b82f6);background:var(--mb-color-secondary-lighter,#f4f7ff);cursor:default;}
#slr-post .slr-card-choice {display:flex;align-items:center;gap:10px;margin:0;font-weight:600;cursor:pointer;}
#plugin-hook #slr-post input[type="radio"] {float:none!important;width:18px!important;height:18px!important;margin:0!important;clear:none!important;flex:0 0 18px;}
#plugin-hook #slr-post .slr-card-choice {float:none!important;width:auto!important;max-width:none!important;font-weight:600;}
#plugin-hook #slr-post label {float:none!important;width:auto!important;max-width:none!important;}
#slr-post .slr-card-title {font-size:15px;font-weight:600;}
#slr-post .slr-card-desc {padding:8px 0 0 28px;font-size:13px;line-height:1.45;opacity:0.8;}
#slr-post .slr-card-body:empty {display:none;}
#slr-post .slr-card-sample {display:none;margin:14px 0 0 28px;}
#slr-post .slr-card:not(.active) .slr-card-sample {display:block;}
#slr-post .slr-card.active .slr-card-sample {display:none;}
#slr-post .slr-sample-lab {font-size:13px;margin:0 0 8px 0;opacity:0.75;}
#slr-post .slr-chip {display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--mb-input-border-color,#d8d8d8);border-radius:999px;background:#fff;font-size:14px;line-height:1.3;}
#slr-post .slr-chip-ico {display:inline-flex;color:var(--mb-color-primary,#16a34a);}
#slr-post .slr-chip-ico .slr-icon-chip {display:block;width:16px;height:16px;}
#slr-post .slr-or {display:inline-block;margin:0 8px;font-size:13px;opacity:0.7;}
#slr-post > #slr-fields {display:none;}
#slr-post .slr-card-body #slr-fields {display:block;width:100%;padding:14px 0 0 28px;}
#plugin-hook #slr-post .slr-show-max input {float:none!important;position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;}
#slr-post .slr-row {display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;}
#slr-post .slr-col {display:flex;flex-direction:column;gap:4px;}
#slr-post .slr-col-from, #slr-post .slr-col-to {flex:1 1 160px;min-width:140px;}
#slr-post .slr-col-cur, #slr-post .slr-col-per {flex:0 0 120px;}
#slr-post .slr-col label {margin:0;font-size:13px;font-weight:600;}
#slr-post[data-type="fixed"] .slr-lab-from-range, #slr-post[data-type="range"] .slr-lab-from-fixed {display:none;}
#slr-post[data-type="fixed"] .slr-col-to, #slr-post[data-type="fixed"] .slr-show-max {display:none;}
#slr-post input.slr-invalid, #slr-post select.slr-invalid {border-color:#dc2626;}
#slr-post .slr-field-msg {display:none;width:100%;margin:6px 0 0 0;font-size:13px;color:#dc2626;}
#slr-post .slr-field-msg.is-on {display:block;}
#slr-post .slr-show-max {display:inline-flex;align-items:center;gap:10px;margin:14px 0 0 0;font-size:14px;cursor:pointer;}
#slr-post .slr-show-max .slider {position:relative;flex:0 0 42px;width:42px;height:22px;background:#d4d4d4;border:1px solid #d4d4d4;border-radius:99px;}
#slr-post .slr-show-max .slider:before {content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:#fff;border:1px solid #c6c6c6;border-radius:50%;box-sizing:border-box;}
#slr-post .slr-show-max input {position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;}
#slr-post .slr-show-max input:checked + .slider {background:var(--mb-color-secondary,#3b82f6);border-color:var(--mb-color-secondary,#3b82f6);}
#slr-post .slr-show-max input:checked + .slider:before {transform:translateX(20px);}
#slr-post .slr-preview {margin:14px 0 0 0;}

#slr-item {display:inline-block;width:100%;margin:0 0 16px 0;}
#slr-item h2 {margin:0 0 8px 0;}
#slr-item .slr-salary {display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;}
#slr-item .slr-value {font-weight:600;}
#slr-item .slr-period {opacity:0.75;}
#slr-post .slr-info {display:inline-block;width:100%;margin:12px 0 0 0;}
#slr-post .slr-info textarea {width:100%;min-height:80px;padding:8px;}
#slr-item .slr-info {display:inline-block;width:100%;margin:8px 0 0 0;}

.slr-loop {display:block;margin:8px 0 0 0;}
.slr-loop .slr-chip {display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--mb-input-border-color,#d8d8d8);border-radius:999px;background:#fff;font-size:14px;line-height:1.3;}
.slr-loop .slr-chip-ico {display:inline-flex;color:var(--mb-color-primary,#16a34a);}
.slr-loop .slr-chip-ico .slr-icon-chip {display:block;width:16px;height:16px;}

.slr-lab-h {display:none;}
.slr-salary-picker[data-period="h"] .slr-lab-h,
.slr-salary-list[data-period="h"] .slr-lab-h {display:inline;}
.slr-salary-picker[data-period="h"] .slr-lab-m,
.slr-salary-list[data-period="h"] .slr-lab-m {display:none;}
.slr-period-row {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;cursor:default;}
.slr-period-label {font-size:13px;opacity:0.7;}
.slr-period-row .selection {display:inline-flex;margin:0;border:1px solid rgba(0,0,0,0.15);border-radius:6px;overflow:hidden;background:#fff;}
.slr-period-row .selection a {display:inline-flex;align-items:center;margin:0;padding:6px 14px;height:auto;border:none;border-radius:0;box-shadow:none;background:#fff;color:var(--mb-color2, #2c2c2c);font-size:13px;font-weight:normal;text-decoration:none;}
.slr-period-row .selection a.active {background:#eee;font-weight:600;}
.slr-period-row .selection a:not(.active):hover {background:#f5f5f5;}
.slr-salary-picker.simple-salary .list {min-width:240px;}
.ssfrm .sidebar-hooks .simple-list {float:none;}
.ssfrm .sidebar-hooks .slr-period-row {padding:4px 0 10px 0;margin:0 0 2px 0;}
.slr-filter-line-src {display:none;}

/* ICONS */
.slr-icon {display:inline-block;width:16px;height:16px;vertical-align:-3px;fill:currentColor;}
.slr-icon-chip {fill:none;stroke:currentColor;}
.slr-salary-picker .text .slr-icon-caret {width:20px;height:20px;}

@media screen and (max-width: 767px) {
 #slr-post .slr-row {flex-wrap:wrap;}
 #slr-post .slr-col-from, #slr-post .slr-col-to {flex:1 1 100%;min-width:0;}
 #slr-post .slr-col-from input, #slr-post .slr-col-to input {width:100%;}
 #slr-post .slr-col-cur, #slr-post .slr-col-per {flex:1 1 calc(50% - 6px);min-width:0;}
 #slr-post .slr-col-cur select, #slr-post .slr-col-per select {width:100%;}
 #slr-post .slr-card-desc, #slr-post .slr-card-sample, #slr-post .slr-card-body #slr-fields {margin-left:0;padding-left:0;}
}

/* DARK MODE */
html[mode="dark"] #slr-post .slr-head {color:var(--mb-color1, #171717);}
html[mode="dark"] #slr-post .slr-card {background:var(--mb-color-dark3, #fff);border-color:var(--mb-color-dark9, #ccc);}
html[mode="dark"] #slr-post .slr-card.active {border-color:var(--mb-color-primary, #3b82f6);background:var(--mb-color-dark5, #f4f7ff);}
html[mode="dark"] #slr-post .slr-card-title {color:var(--mb-color1, #171717);}
html[mode="dark"] #slr-post .slr-card-desc {color:var(--mb-color4, #777);}
html[mode="dark"] #slr-post .slr-sample-lab, html[mode="dark"] #slr-post .slr-or {color:var(--mb-color4, #777);}
html[mode="dark"] #slr-post .slr-chip {background:var(--mb-color-dark3, #fff);border-color:var(--mb-color-dark9, #ccc);color:var(--mb-color1, #171717);}
html[mode="dark"] #slr-post .slr-chip-ico {color:var(--mb-color-primary, #16a34a);}
html[mode="dark"] #slr-post .slr-col label, html[mode="dark"] #slr-post .slr-info label, html[mode="dark"] #slr-post .slr-show-max {color:var(--mb-color1, #171717);}
html[mode="dark"] #slr-post input, html[mode="dark"] #slr-post select, html[mode="dark"] #slr-post textarea {background:var(--mb-color-dark3, #fff);border-color:var(--mb-color-dark9, #ccc);color:var(--mb-color1, #171717);}
html[mode="dark"] #slr-post input.slr-invalid, html[mode="dark"] #slr-post select.slr-invalid {border-color:#dc2626;}
html[mode="dark"] #slr-post .slr-show-max .slider {background:var(--mb-color-dark9, #d4d4d4);border-color:var(--mb-color-dark9, #d4d4d4);}
html[mode="dark"] #slr-post .slr-show-max .slider:before {background:var(--mb-color-dark3, #fff);border-color:var(--mb-color-dark9, #c6c6c6);}
html[mode="dark"] #slr-post .slr-show-max input:checked + .slider {background:var(--mb-color-secondary, #3b82f6);border-color:var(--mb-color-secondary, #3b82f6);}
html[mode="dark"] #slr-item .slr-value {color:var(--mb-color1, #171717);}
html[mode="dark"] #slr-item .slr-period, html[mode="dark"] #slr-item .slr-info {color:var(--mb-color4, #777);}
html[mode="dark"] .slr-loop .slr-chip {background:var(--mb-color-dark3, #fff);border-color:var(--mb-color-dark9, #ccc);color:var(--mb-color1, #171717);}
html[mode="dark"] .slr-loop .slr-chip-ico {color:var(--mb-color-primary, #16a34a);}
html[mode="dark"] .slr-period-label {color:var(--mb-color4, #777);}
html[mode="dark"] .slr-period-row .selection {background:var(--mb-color-dark3, #fff);border-color:var(--mb-color-dark9, #ccc);}
html[mode="dark"] .slr-period-row .selection a {background:var(--mb-color-dark3, #fff);color:var(--mb-color2, #2c2c2c);}
html[mode="dark"] .slr-period-row .selection a.active {background:var(--mb-color-dark5, #eee);color:var(--mb-color1, #171717);}
html[mode="dark"] .slr-period-row .selection a:not(.active):hover {background:var(--mb-color-dark5, #f5f5f5);}