/* Shared merchant filter controls. Keep the sidebar and page backgrounds intact. */
:is(#workspace,dialog){--filter-height:40px;--filter-radius:7px;--filter-border:#dce5e9;--filter-ink:#3b5260;--filter-hover:#93b9ac;--filter-focus:#18856b;--filter-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23768b96' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:is(#workspace,dialog) select:not([multiple]):not([size]),#workspace :is(.console-filter-bar,.orders-filters,.sd-site-filters) input:not([type=checkbox]):not([type=radio]),#workspace .console-filter-control{
  box-sizing:border-box;height:var(--filter-height);min-height:var(--filter-height);max-width:100%;min-width:0;margin:0;border:1px solid var(--filter-border);border-radius:var(--filter-radius);background-color:#fff;color:var(--filter-ink);font-size:13px;font-weight:400;line-height:20px;padding:9px 12px;box-shadow:0 1px 2px #203a4510;transition:border-color .15s,box-shadow .15s,background-color .15s
}
:is(#workspace,dialog) select:not([multiple]):not([size]){appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;background-image:var(--filter-chevron);background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px}
#workspace .settings-design .sd-site-select{background-image:var(--filter-chevron)!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:14px 14px!important}
:is(#workspace,dialog) select option{background:#fff;color:#3b5260;font-weight:400}
#workspace :is(.console-filter-bar,.orders-filters,.sd-site-filters) input::placeholder,#workspace .console-filter-control::placeholder{color:#98a7b0;opacity:1}
:is(#workspace,dialog) select:not([multiple]):not([size]):hover:not(:disabled),#workspace :is(.console-filter-bar,.orders-filters,.sd-site-filters) input:hover:not(:disabled):not([type=checkbox]):not([type=radio]),#workspace .console-filter-control:hover:not(:disabled){border-color:var(--filter-hover)}
:is(#workspace,dialog) select:not([multiple]):not([size]):focus,#workspace :is(.console-filter-bar,.orders-filters,.sd-site-filters) input:focus:not([type=checkbox]):not([type=radio]),#workspace .console-filter-control:focus{outline:0;border-color:var(--filter-focus);box-shadow:0 0 0 3px #18856b1a}
:is(#workspace,dialog) select:disabled,#workspace :is(.console-filter-bar,.orders-filters,.sd-site-filters) input:disabled,#workspace .console-filter-control:disabled{background-color:#f4f7f8;border-color:#e4eaed;color:#9aa7af;box-shadow:none;cursor:not-allowed;opacity:1}
#workspace .console-filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:18px}
#workspace .console-filter-bar>input{flex:1 1 230px;width:auto;max-width:360px}
#workspace .console-filter-bar>select{flex:0 1 180px;width:180px}
#workspace .console-filter-bar>label{flex:0 1 160px;min-width:0;margin:0;gap:6px;font-size:12px;color:#75858b}
#workspace .console-filter-bar>label input{width:100%}
#workspace .console-filter-bar>button,#workspace .orders-filter-actions button{height:var(--filter-height);border-radius:var(--filter-radius);padding:9px 16px;font-size:13px}
#workspace .console-filter-control{display:block;width:min(100%,360px);margin-bottom:18px}
#workspace .orders-filter{height:var(--filter-height);border-color:var(--filter-border);border-radius:var(--filter-radius);box-shadow:0 1px 2px #203a4510;transition:border-color .15s,box-shadow .15s}
#workspace .orders-filter:hover{border-color:var(--filter-hover)}
#workspace .orders-filter:focus-within{border-color:var(--filter-focus);box-shadow:0 0 0 3px #18856b1a}
#workspace .orders-console .orders-filters .orders-filter :is(input,select){height:38px;min-height:38px;border:0;border-radius:0;box-shadow:none}
#workspace .orders-console .orders-filters .orders-filter :is(input,select):focus{border:0;box-shadow:none}
#workspace .orders-filter>span{background:#f7f9fa;border-right-color:#e5ecef;color:#657986;font-size:12px}
#modal .orders-import-bar{align-items:stretch}
#modal .orders-import-bar button{height:var(--filter-height);border-radius:var(--filter-radius)}
#modal .orders-import-report{background:transparent;padding:6px 0;font-size:12px;color:#168bd2;white-space:nowrap}
#modal .orders-import-report:hover{text-decoration:underline}
#modal .orders-import-report:focus-visible{outline:2px solid #18856b;outline-offset:3px;border-radius:3px}
#modal .orders-import-copy-status{color:#18856b;font-size:12px;line-height:1.7;margin:12px 0 0}
#modal .orders-import-copy-status:empty{display:none}
#modal .orders-import-copy-status.error{color:#b64d37}
@media(max-width:600px){#workspace .console-filter-bar>input,#workspace .console-filter-bar>select{max-width:100%;flex:1 1 100%;width:100%}#workspace .console-filter-bar>label{flex:1 1 130px}}
@media(prefers-reduced-motion:reduce){:is(#workspace,dialog) select,#workspace :is(.console-filter-bar,.orders-filters,.sd-site-filters) input,#workspace .console-filter-control,#workspace .orders-filter{transition:none}}

.console-select-popover{position:fixed;inset:auto;margin:0;padding:6px;display:flex;flex-direction:column;overflow:hidden;z-index:1000;border:1px solid #dfe8e9;border-radius:10px;background:#fff;color:#3b5260;box-shadow:0 8px 28px #213f4b24,0 2px 6px #213f4b0a;font-family:inherit;font-size:13px;min-width:0}
.console-select-popover:not(:popover-open):not(.is-fallback){display:none}
.console-select-popover.is-fallback{display:flex}
.console-select-search{flex:none;box-sizing:border-box;width:100%;min-height:36px;margin:2px 0 6px;padding:8px 10px;border:1px solid #e0e8eb;border-radius:6px;background:#f7f9fa;color:#3b5260;font-size:12px;line-height:18px;outline:0}
.console-select-search:focus{border-color:#18856b;box-shadow:0 0 0 2px #18856b12;background:#fff}
.console-select-options{min-height:0;overflow:auto;overscroll-behavior:contain;outline:0;padding:2px}
.console-select-option{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;padding:8px 10px;border-radius:6px;cursor:pointer;line-height:20px;box-sizing:border-box}
.console-select-text{overflow-wrap:anywhere;min-width:0}.console-select-check{flex:none;width:16px;font-weight:700;color:#18856b}
.console-select-option[aria-selected=true]{background:#edf7f3;color:#146b54;font-weight:600}
.console-select-option.is-active{background:#f0f5f6;box-shadow:inset 0 0 0 1px #dce9e7}
.console-select-option.is-active[aria-selected=true]{background:#e1f2eb;box-shadow:inset 0 0 0 1px #cce6da}
.console-select-option[aria-disabled=true]{color:#aab5bb;cursor:not-allowed;background:transparent;font-weight:400}
.console-select-group{padding:9px 10px 5px;font-size:11px;color:#8a9ba3;font-weight:600}.console-select-empty{margin:0;padding:22px 12px;text-align:center;font-size:12px;color:#8c9da5}
:is(#workspace,dialog) .console-select-open{border-color:#18856b;box-shadow:0 0 0 3px #18856b1a}