.marketing-sop-page,#marketingSopRoot { height:100%; min-height:0; background:#f4f6f8; }
.msop-recovery { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#7b828b; background:#fff; }
.msop-recovery strong { color:#303133; font-size:16px; }
.msop-shell { height:100%; min-height:0; display:grid; grid-template-columns:152px minmax(760px,1fr); grid-template-rows:50px minmax(0,1fr); color:#303133; background:#fff; }
.msop-header { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-bottom:1px solid #e5e7eb; background:#fff; }
.msop-header > div { display:flex; align-items:center; gap:12px; }
.msop-header strong { font-size:16px; }
.msop-header-title > i { width:1px; height:16px; flex:0 0 1px; background:#d8d8d8; }
.msop-header-company { width:220px; flex:0 0 220px; }
.msop-header-company .shared-company-filter { width:100%; flex:0 0 100%; }
.msop-header-actions > button { height:30px; padding:0 11px; border:1px solid #d8dce1; border-radius:3px; background:#fff; color:#4b5563; cursor:pointer; }
.msop-tabs { min-height:0; overflow:auto; padding:10px 8px 20px; border-right:1px solid #e5e7eb; background:#fff; }
.msop-tabs > div { position:relative; }
.msop-tabs small { display:block; padding:10px 10px 4px; color:#a0a6ad; font-size:12px; line-height:18px; }
.msop-tabs button { width:100%; height:36px; overflow:hidden; padding:0 12px; border:0; border-radius:3px; background:transparent; color:#4d5560; font-size:14px; line-height:36px; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.msop-tabs button:hover { background:#f5f7f8; }
.msop-tabs button.active { color:#249c16; background:#edf8eb; font-weight:600; }
.msop-main { min-width:0; min-height:0; overflow:hidden; }
.msop-panel { height:100%; min-height:0; display:flex; flex-direction:column; }
.msop-toolbar { min-height:50px; flex:0 0 auto; display:flex; align-items:center; gap:8px; padding:8px 14px; border-bottom:1px solid #e8eaed; box-sizing:border-box; }
.msop-toolbar > button,.msop-toolbar select,.msop-toolbar input { height:32px; box-sizing:border-box; }
.msop-toolbar .primary-button { padding:0 15px; }
.msop-toolbar select { width:136px; border:1px solid #dcdfe6; border-radius:3px; padding:0 28px 0 9px; background:#fff; color:#606266; }
.msop-toolbar .spacer { flex:1; }
.msop-search { width:200px; flex:0 0 200px; }
.msop-help-wrap { position:relative; flex:0 0 auto; margin-left:auto; }
.msop-help { height:32px; padding:0; border:0; background:transparent; color:#249c16; cursor:pointer; }
.msop-help-wrap > [role="tooltip"] { width:300px; max-width:calc(100vw - 32px); position:absolute; top:calc(100% + 8px) !important; right:0; bottom:auto !important; z-index:2600; display:none; box-sizing:border-box; padding:10px 12px; border-radius:3px; color:#fff; font-size:13px; font-weight:400; line-height:1.6; text-align:left; white-space:normal; overflow-wrap:anywhere; background:rgba(45,47,50,.94); box-shadow:0 4px 12px rgba(0,0,0,.18); pointer-events:none; }
.msop-help-wrap > [role="tooltip"]::before { content:""; position:absolute; right:22px; bottom:100%; border-right:5px solid transparent; border-bottom:5px solid rgba(45,47,50,.92); border-left:5px solid transparent; }
.msop-help-wrap:hover > [role="tooltip"],.msop-help-wrap:focus-within > [role="tooltip"] { display:block; }
.msop-rule-toolbar .msop-help-wrap { margin-left:0; }
.msop-rule-toolbar > .shared-plan-batch-actions { flex:0 0 auto; height:32px; margin-left:auto; align-self:center; }
.msop-rule-toolbar .shared-plan-batch-auto,
.msop-rule-toolbar .shared-plan-batch-auto > span,
.msop-rule-toolbar .shared-plan-batch-command { height:32px; min-height:32px; }
.msop-check-label { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.msop-rule-tip { min-height:38px; flex:0 0 auto; display:flex; align-items:center; gap:9px; margin:10px 14px 0; padding:0 12px; border:1px solid #bde6c4; background:#eefaf0; color:#45664b; box-sizing:border-box; }
.msop-rule-tip i,.msop-green-note i { width:17px; height:17px; display:grid; place-items:center; border-radius:50%; background:#29a51b; color:#fff; font-style:normal; }
.msop-table-scroll { flex:1; min-height:0; overflow:auto; }
.msop-table { width:100%; min-width:1020px; border-collapse:collapse; table-layout:fixed; }
.msop-table th { position:sticky; top:0; z-index:2; height:42px; padding:0 12px; background:#f7f8fa; color:#4b5563; text-align:left; font-weight:600; border-bottom:1px solid #e5e7eb; }
.msop-table td { height:54px; padding:7px 12px; border-bottom:1px solid #eceef0; color:#4b5563; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msop-table th:first-child,.msop-table td:first-child { width:58px; }
.msop-table th:last-child,.msop-table td:last-child { width:230px; }
.msop-actions { display:flex; align-items:center; gap:10px; }
.msop-actions button { padding:0; border:0; background:transparent; color:#249c16; cursor:pointer; white-space:nowrap; }
.msop-actions .muted { color:#8b929b; }
.msop-actions .danger,.msop-recycle-list .danger { color:#d14343; }
.msop-status,.msop-apply { min-width:58px; height:24px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; padding:0 7px; border:1px solid #dfe3e8; border-radius:3px; background:#f6f7f8; color:#6b737c; font-weight:400; line-height:22px; }
.msop-status.is-创建中 { border-color:#f3d4a7; background:#fff7ea; color:#b86914; }
.msop-status.is-下发中,.msop-apply.on { border-color:#bad7f4; background:#edf6ff; color:#2b73bd; }
.msop-status.is-下发完成 { border-color:#bce3cc; background:#edf9f2; color:#1c8f50; }
.msop-status.is-已取消 { border-color:#dfe3e8; background:#f5f6f7; color:#8c949e; }
.msop-footer { height:50px; flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 14px; border-top:1px solid #e5e7eb; background:#fff; color:#737a84; }
.msop-footer > div { display:flex; gap:5px; }
.msop-footer button { min-width:30px; height:30px; border:1px solid #dcdfe6; border-radius:3px; background:#fff; }
.msop-footer button.active { border-color:#2aaa1a; color:#249c16; background:#f3fbf1; }
.msop-footer button:disabled { color:#c5c9ce; }
.msop-footer .msop-page-ellipsis { min-width:24px; display:inline-flex; align-items:center; justify-content:center; color:#999; font-size:13px; }
.msop-template-toolbar { min-height:56px; flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 16px; border-bottom:1px solid #e5e7eb; box-sizing:border-box; background:#f5f6f8; }
.msop-library-tabs { min-width:0; display:flex; align-items:center; gap:0; }
.msop-library-tabs button { height:34px; min-width:174px; padding:0 16px; border:1px solid #dcdfe6; border-right-width:0; background:#fff; color:#5e6670; }
.msop-library-tabs button:first-child { border-radius:3px 0 0 3px; }
.msop-library-tabs button:last-child { border-right-width:1px; border-radius:0 3px 3px 0; }
.msop-library-tabs button.active { border-color:#2aaa1a; background:#249c16; color:#fff; }
.msop-library-tabs button.active + button { border-left-color:#2aaa1a; }
.msop-library-tabs button:disabled { color:#b8bdc4; background:#f7f8f9; }
.msop-template-grid { flex:1; min-height:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(196px,1fr)); align-content:start; gap:12px; overflow:auto; padding:14px 16px 18px; background:#f5f6f8; }
.msop-template-create,.msop-template-card { height:120px; min-height:120px; border:1px solid #dfe2e6; border-radius:3px; background:#fff; box-sizing:border-box; transition:border-color .15s ease,box-shadow .15s ease; }
.msop-template-create { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#69717a; cursor:pointer; }
.msop-template-create b { font-size:28px; font-weight:300; line-height:1; }
.msop-template-create:hover,.msop-template-card:hover { border-color:#b9d9b5; box-shadow:0 2px 7px rgba(35,68,31,.06); }
.msop-template-card { display:flex; flex-direction:column; overflow:hidden; cursor:pointer; }
.msop-template-card:focus-visible { outline:2px solid rgba(42,170,26,.32); outline-offset:1px; }
.msop-template-card > footer { cursor:default; }
.msop-template-card-body { min-height:0; flex:1; padding:13px 14px 7px; box-sizing:border-box; }
.msop-template-card h3 { margin:0 0 8px; overflow:hidden; color:#303133; font-size:14px; font-weight:600; line-height:20px; text-overflow:ellipsis; white-space:nowrap; }
.msop-template-meta { margin:0; color:#878f98; font-size:12px; line-height:20px; }
.msop-template-meta,
.msop-template-meta dt,
.msop-template-meta dd,
.msop-template-card > footer,
.msop-template-card > footer button {
  font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,Helvetica,sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.msop-template-meta > div { display:flex; min-width:0; }
.msop-template-meta dt { flex:0 0 auto; }
.msop-template-meta dd { min-width:0; margin:0; overflow:hidden; color:#68717a; text-overflow:ellipsis; white-space:nowrap; }
.msop-template-meta dd[class*="is-"] { height:21px; display:inline-flex; align-items:center; box-sizing:border-box; margin-left:3px; padding:0 6px; border:1px solid transparent; border-radius:2px; font-weight:400!important; line-height:19px; }
.msop-template-meta dd.is-standard { color:#27851f; border-color:#c8e5c3; background:#eef8ec; }
.msop-template-meta dd.is-label { color:#2f70ae; border-color:#c8daf0; background:#eef5fc; }
.msop-template-meta dd.is-customer { color:#bc6425; border-color:#efd3b5; background:#fff3e7; }
.msop-template-meta dd.is-group { color:#69569a; border-color:#d8cfeb; background:#f4f1fa; }
.msop-template-card > footer { height:32px; flex:0 0 32px; display:grid; grid-auto-flow:column; grid-auto-columns:1fr; border-top:1px solid #e8eaed; background:#fff; }
.msop-template-card > footer button { min-width:0; height:32px; padding:0; border:0; border-right:1px solid #eceef0; background:#fff; color:#747c85; font-size:13px; line-height:32px; appearance:none; cursor:pointer; }
.msop-template-card > footer button:last-child { border-right:0; }
.msop-template-card > footer button:hover { color:#249c16; background:#f6fbf4; }
.msop-template-filters { display:flex; align-items:center; gap:8px; }
.msop-template-filters .msop-search { width:200px; flex:0 0 200px; }
.msop-template-filters .msop-shared-select { width:200px; flex:0 0 200px; }
.msop-recycle-toolbar { min-height:64px; flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 18px; border-bottom:1px solid #e5e7eb; box-sizing:border-box; }
.msop-recycle-toolbar .msop-library-tabs { height:64px; min-width:560px; padding:0; border-bottom:0; align-items:center; gap:12px; }
.msop-recycle-toolbar .msop-library-tabs button { height:38px; min-width:174px; padding:0 16px; border:1px solid #dcdfe6; border-radius:3px; background:#fff; text-align:center; }
.msop-recycle-toolbar .msop-library-tabs button.active { border-color:#2aaa1a; color:#249c16; background:#f3fbf1; }
.msop-recycle-toolbar .msop-library-tabs button.active::after { display:none; }
.msop-recycle-toolbar .msop-library-tabs button:disabled { border-color:#e7e9ec; color:#bcc1c7; background:#f6f7f8; }
.msop-recycle-grid { flex:1; min-height:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(196px,1fr)); align-content:start; gap:12px; overflow:auto; padding:14px 16px 18px; background:#f5f6f8; }
.msop-recycle-grid > .msop-empty { grid-column:1/-1; min-height:180px; }
.msop-template-card-recycle > footer { align-items:stretch; }
.msop-template-card-recycle > footer button { color:#68717a; }
.msop-template-card-recycle > footer button:hover { color:#249c16; }
.msop-recycle-card { min-height:190px; display:flex; flex-direction:column; border:1px solid #dfe2e6; border-radius:3px; background:#fff; overflow:hidden; }
.msop-recycle-card-body { flex:1; padding:18px 20px 14px; }
.msop-recycle-card h3 { margin:0 0 18px; overflow:hidden; color:#303133; font-size:15px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.msop-recycle-card dl { margin:0; }
.msop-recycle-card dl > div { min-height:28px; display:flex; align-items:center; }
.msop-recycle-card dt { width:76px; flex:0 0 76px; color:#8b929b; }
.msop-recycle-card dd { margin:0; color:#555d66; }
.msop-recycle-card dd.is-standard { color:#249c16; }
.msop-recycle-card dd.is-label { color:#3478bd; }
.msop-recycle-card dd.is-customer { color:#dc6b2f; }
.msop-recycle-card dd.is-group { color:#7966ad; }
.msop-recycle-card footer { height:44px; flex:0 0 44px; display:flex; align-items:center; justify-content:center; border-top:1px solid #eceef0; }
.msop-recycle-card footer button { padding:0; border:0; background:transparent; color:#249c16; cursor:pointer; }
.msop-modal.compact:has(.msop-modal-body:empty) { width:420px; }
.msop-modal.compact:has(.msop-modal-body:empty) .msop-modal-body { display:none; }
.msop-modal:has(.msop-restore-confirm) { width:min(460px,calc(100vw - 32px)); }
.msop-modal:has(.msop-restore-confirm) > .msop-modal-body { padding:20px 22px 18px; overflow:visible; }
.msop-modal:has(.msop-restore-confirm) > footer { padding:10px 22px 14px; border-top:0; }
.msop-modal:has(.msop-restore-confirm) > footer button { min-width:76px; }
.msop-restore-confirm { min-height:58px; display:grid; grid-template-columns:32px minmax(0,1fr); align-items:start; gap:13px; }
.msop-restore-confirm > img { width:26px; height:26px; margin-top:1px; filter:brightness(0) saturate(100%) invert(56%) sepia(73%) saturate(763%) hue-rotate(65deg) brightness(88%) contrast(97%); }
.msop-restore-confirm strong { display:block; overflow:hidden; color:#30353a; font-size:15px; font-weight:500; line-height:24px; text-overflow:ellipsis; white-space:nowrap; }
.msop-restore-confirm p { margin:5px 0 0; color:#7d858e; font-size:13px; font-weight:400; line-height:20px; }
.msop-empty { min-height:90px; display:grid; place-items:center; color:#9aa0a8; }
@media (max-width:1180px) {
  .msop-recycle-toolbar { align-items:flex-start; flex-direction:column; gap:8px; padding:10px 14px; }
  .msop-recycle-toolbar .msop-library-tabs { width:100%; min-width:0; height:auto; }
  .msop-recycle-toolbar .msop-library-tabs button { min-width:0; flex:1; }
  .msop-recycle-grid { grid-template-columns:repeat(2,minmax(220px,1fr)); }
}
.msop-editor { height:100%; display:flex; flex-direction:column; background:#f4f6f8; }
.msop-editor > header { height:50px; flex:0 0 auto; display:flex; align-items:center; gap:10px; padding:0 16px; border-bottom:1px solid #e5e7eb; background:#fff; }
.msop-editor > header strong { font-size:15px; }
.msop-editor-scroll { flex:1; min-height:0; overflow:auto; padding:12px 20px 72px; }
.msop-editor > footer { height:58px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; gap:10px; border-top:1px solid #e3e5e8; background:#fff; }
.msop-editor > footer button { min-width:88px; height:34px; }
.msop-form-card { width:min(1160px,100%); margin:0 auto 10px; border:1px solid #e1e4e8; background:#fff; box-sizing:border-box; }
.msop-form-card > h3,.msop-card-title { height:42px; display:flex; align-items:center; margin:0; padding:0 14px; border-bottom:1px solid #eceef0; font-size:14px; }
.msop-card-title { justify-content:space-between; }
.msop-card-title h3 { margin:0; font-size:14px; }
.msop-card-title button { height:30px; border:1px solid #2aaa1a; background:#fff; color:#249c16; }
.msop-form-card > label { min-height:44px; display:grid; grid-template-columns:132px minmax(0,1fr); align-items:center; gap:10px; margin:0; padding:0 16px; }
.msop-form-card > label > span { color:#555d66; }
.msop-form-card > label > input[type=text],.msop-form-card > label > input:not([type]),.msop-form-card > label > select { width:min(430px,100%); height:34px; border:1px solid #dcdfe6; border-radius:3px; padding:0 10px; box-sizing:border-box; }
.msop-form-card > label > button { width:max-content; height:32px; border:1px solid #dcdfe6; background:#fff; color:#249c16; }
.msop-standard-control-row { min-height:52px!important; }
.msop-standard-control-row > span { display:flex; align-items:center; min-height:34px; }
.msop-company-value { font-size:14px; font-weight:400; color:#3f4750!important; }
.msop-standard-account-control { min-width:0; display:grid; justify-items:start; gap:10px; padding:8px 0; }
.msop-wechat-picker-trigger { min-width:126px; height:34px!important; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border:1px solid #d7dbe0!important; border-radius:3px; background:#fff; color:#60656b; line-height:32px; font-weight:400; }
.msop-wechat-picker-trigger:hover { border-color:#bfc4ca!important; color:#3f454b; }
.msop-selected-account-summary { width:min(760px,100%); min-height:50px; display:flex; align-items:center; gap:8px; box-sizing:border-box; padding:7px 12px; background:#f5f6f7; color:#7c848c; }
.msop-selected-account-avatars { min-width:0; display:flex; align-items:center; gap:6px; }
.msop-selected-account-avatars .wx-avatar { width:34px; height:34px; flex:0 0 34px; border-radius:3px; }
.msop-selected-account-summary > i { color:#666e76; font-style:normal; letter-spacing:2px; }
.msop-selected-account-summary > span:last-child { white-space:nowrap; }
.msop-selected-account-summary b { color:#249c16; font-weight:500; }
body:has(.msop-editor) .wap-mask { box-sizing:border-box; padding:16px; overflow:auto; }
body:has(.msop-editor) .wap-dialog { height:min(700px,100%); max-height:100%; flex:0 0 auto; }
body:has(.msop-editor) .wap-body { min-height:0; overflow:hidden; }
body:has(.msop-editor) .wap-left,
body:has(.msop-editor) .wap-right { min-height:0; overflow:hidden; }
body:has(.msop-editor) .wap-list-head,
body:has(.msop-editor) .wap-selected-head { flex:0 0 48px; }
body:has(.msop-editor) .wap-list,
body:has(.msop-editor) .wap-selected-list { min-height:0; overflow-y:auto; }
body:has(.msop-editor) .wap-footer { position:relative; z-index:2; flex:0 0 52px; background:#fff; }
body:has(.msop-editor) .wap-search.search-control { width:210px; height:34px; min-height:34px; margin:0; align-self:center; border-color:#dcdfe6; border-radius:3px; overflow:hidden; }
body:has(.msop-editor) .wap-search.search-control:focus-within { border-color:#54ab29; box-shadow:0 0 0 2px rgba(56,158,13,.14); }
body:has(.msop-editor) .wap-search.search-control > input { height:32px; min-height:32px; padding:0 11px; color:#555; font-size:14px; line-height:32px; }
body:has(.msop-editor) .wap-search.search-control > input::placeholder { color:#aaa; opacity:1; }
body:has(.msop-editor) .wap-search.search-control > .search-button { width:36px; min-width:36px; height:32px; flex:0 0 36px; border-width:0 0 0 1px; border-color:#dcdfe6; font-size:0; }
body:has(.msop-editor) .wap-select { align-self:center; }
body:has(.msop-editor) .wap-avatar.wx-avatar { width:40px; height:40px; flex:0 0 40px; border-radius:4px; }
body:has(.msop-editor) .wap-avatar.wx-avatar::before,
body:has(.msop-editor) .wap-avatar.wx-avatar::after { display:none; }
.msop-tracking-controls { min-width:0; display:flex; align-items:center; gap:10px; min-height:34px; color:#6f7781; }
.msop-tracking-controls > input[type="number"] { width:90px; height:34px; flex:0 0 90px; box-sizing:border-box; padding:0 10px; border:1px solid #dcdfe6; border-radius:3px; color:#505861; background:#fff; }
.msop-tracking-controls > input[type="number"]:disabled { color:#a7adb4; background:#f5f6f7; }
.msop-tracking-controls > span:not(.msop-tracking-help) { white-space:nowrap; }
.msop-tracking-help { position:relative; flex:0 0 auto; }
.msop-tracking-help > button { height:30px; padding:0 2px; border:0; background:transparent; color:#249c16; cursor:pointer; }
.msop-tracking-help > [role="tooltip"] { width:620px; position:absolute; left:50%; bottom:calc(100% + 9px); z-index:2700; display:none; box-sizing:border-box; padding:12px 16px; border-radius:3px; color:#606870; font-size:13px; font-weight:400; line-height:1.7; background:#fff; box-shadow:0 4px 16px rgba(0,0,0,.18); transform:translateX(-50%); }
.msop-tracking-help > [role="tooltip"]::after { content:""; position:absolute; top:100%; left:50%; border-top:7px solid #fff; border-right:7px solid transparent; border-left:7px solid transparent; transform:translateX(-50%); }
.msop-tracking-help:hover > [role="tooltip"],.msop-tracking-help:focus-within > [role="tooltip"] { display:block; }
.msop-tracking-help b { color:#68717b; font-weight:500; }
.msop-standard-template-controls { min-width:0; display:flex; align-items:center; gap:8px; height:34px; }
.msop-standard-template-controls .msop-standard-library { width:140px!important; max-width:140px; flex:0 0 140px!important; }
.msop-standard-template-controls .msop-standard-template-select { width:360px!important; max-width:calc(100% - 190px); flex:0 1 360px!important; }
.msop-standard-template-controls .shared-select-trigger { height:34px; min-height:34px; }
.msop-standard-template-controls .shared-select-menu button.has-sop-type { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.msop-standard-template-controls .shared-select-menu button.is-disabled { color:#a0a6ad; cursor:not-allowed; background:#f7f8fa; }
.msop-standard-template-controls .shared-select-menu button.is-disabled.active,
.msop-standard-template-controls .shared-select-menu button.is-disabled:hover { color:#a0a6ad; background:#f7f8fa; }
.msop-select-option-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msop-sop-type-mark { flex:0 0 auto; height:20px; margin-left:auto; padding:0 6px; border:1px solid transparent; border-radius:2px; font-size:12px; font-style:normal; font-weight:400; line-height:18px; background:#f7f8fa; box-sizing:border-box; }
.msop-sop-type-mark.is-standard { color:#27851f; border-color:#c8e5c3; background:#eef8ec; }
.msop-sop-type-mark.is-label { color:#2f70ae; border-color:#c8daf0; background:#eef5fc; }
.msop-sop-type-mark.is-customer { color:#bc6425; border-color:#efd3b5; background:#fff3e7; }
.msop-sop-type-mark.is-group { color:#69569a; border-color:#d8cfeb; background:#f4f1fa; }
.msop-standard-template-controls .shared-select-menu button.active .msop-sop-type-mark,
.msop-standard-template-controls .shared-select-menu button:hover .msop-sop-type-mark { opacity:1; }
.msop-standard-template-controls .msop-template-add { width:34px!important; min-width:34px; height:34px!important; flex:0 0 34px; padding:0; border:1px solid #2aaa1a!important; border-radius:2px; color:#fff!important; font-size:20px; line-height:32px; background:#2aaa1a!important; }
.msop-standard-audience-row { display:grid; grid-template-columns:130px minmax(0,1fr); align-items:start; gap:12px; padding:8px 18px 12px; }
.msop-standard-audience-row > span { padding-top:13px; color:#555d66; }
.msop-standard-audience { width:min(780px,100%); min-width:0; display:grid; gap:10px; }
.msop-audience-panel { min-width:0; overflow:visible; border:1px solid #dde1e5; background:#fff; }
.msop-audience-head { min-height:46px; display:flex; align-items:center; gap:8px; padding:0 16px; background:#f5f6f7; border-bottom:1px solid transparent; }
.msop-audience-panel.enabled .msop-audience-head { border-bottom-color:#e4e7ea; }
.msop-audience-head > label.inline { min-width:76px; }
.msop-audience-head .msop-radio-line { min-height:32px; display:inline-flex; flex-wrap:nowrap; gap:22px; padding:0 14px; border:1px solid #e0e3e6; border-radius:16px; background:#fff; }
.msop-audience-body { min-width:0; padding:0 16px; }
.msop-audience-note { min-height:52px; display:flex; align-items:center; gap:7px; margin:0; color:#8b929a; line-height:20px; }
.msop-audience-note img { width:16px; height:16px; flex:0 0 16px; color:#a3a9af; opacity:.82; }
.msop-audience-filter { min-width:0; overflow:visible; }
.msop-audience-unavailable { color:#9298a0; }
.msop-green-note { min-height:42px; display:flex; align-items:center; gap:9px; margin:12px 18px; padding:0 12px; color:#42674a; background:#eaf8ed; border:1px solid #bce3c3; }
.msop-radio-line,.msop-inline-fields { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.msop-radio-line label,.msop-form-card label.inline { width:max-content!important; max-width:100%; min-height:0!important; display:inline-flex!important; align-items:center; justify-content:flex-start!important; gap:6px!important; margin:0!important; padding:0!important; white-space:nowrap; }
.msop-radio-line input[type="radio"],.msop-form-card label.inline input[type="checkbox"],.msop-check-label input[type="checkbox"] { width:16px!important; min-width:16px!important; height:16px!important; min-height:16px!important; flex:0 0 16px; margin:0; padding:0; accent-color:#2aaa1a; appearance:auto; }
.msop-inline-fields input,.msop-inline-fields select { height:34px; border:1px solid #dcdfe6; border-radius:3px; padding:0 9px; }
.msop-switch { flex:0 0 auto; }
.msop-rule-editor .msop-editor-scroll { padding-top:14px; }
.msop-rule-form-card { width:min(1000px,100%); padding-bottom:18px; }
.msop-rule-form-card > h3 { height:46px; padding:0 22px; }
.msop-rule-editor-note { min-height:56px; display:flex; align-items:flex-start; gap:10px; margin:22px 24px 14px; padding:11px 14px; box-sizing:border-box; border:1px solid #f3d5b5; color:#745b42; background:#fff2e5; font-size:13px; font-weight:400; line-height:22px; }
.msop-rule-editor-note > img { width:17px; height:17px; flex:0 0 17px; margin-top:2px; filter:brightness(0) saturate(100%) invert(63%) sepia(93%) saturate(1557%) hue-rotate(351deg) brightness(102%) contrast(98%); }
.msop-rule-editor-note span { min-width:0; }
.msop-rule-editor-note i { display:block; font-style:normal; }
.msop-rule-setting-row { width:calc(100% - 48px); min-height:54px; display:grid; grid-template-columns:120px minmax(0,1fr); align-items:center; gap:12px; margin:0 24px; box-sizing:border-box; color:#4e5660; font-size:14px; font-weight:400; }
.msop-rule-setting-row > span:first-child { color:#505861; white-space:nowrap; }
.msop-rule-setting-row > strong { color:#3f4750; font-weight:400; }
.msop-rule-setting-tags,.msop-rule-exclude-row { align-items:start; padding:10px 0; }
.msop-rule-setting-tags > span,.msop-rule-exclude-row > span { padding-top:8px; }
.msop-rule-tag-stack { width:min(690px,100%); min-width:0; display:grid; gap:10px; }
.msop-rule-tag-row { min-width:0; display:grid; grid-template-columns:160px minmax(240px,1fr); align-items:start; gap:8px; }
.msop-rule-tag-row > span { min-height:34px; display:flex; align-items:center; color:#6b737c; }
.msop-rule-tag-row .msop-shared-select { width:160px; height:34px; }
.msop-rule-tag-row .shared-select-trigger { height:34px; min-height:34px; }
.msop-rule-tag-row .shared-tag-setting { min-width:0; width:100%; }
.msop-rule-editor .shared-tag-setting.inline { min-height:34px; height:auto; display:flex; flex-direction:row; align-items:stretch; gap:0; padding:0; overflow:hidden; }
.msop-rule-editor .shared-tag-setting.inline .shared-tag-setting-trigger {
  width:128px;
  min-width:128px;
  flex:0 0 128px;
  margin:0;
  padding:0 28px 0 12px;
  position:relative;
  border:0;
  border-right:1px solid #e1e4e7;
  border-radius:0;
  color:#4e5660;
  text-align:left;
  background:#fff;
}
.msop-rule-editor .shared-tag-setting.inline .shared-tag-setting-trigger::after {
  content:"";
  width:6px;
  height:6px;
  position:absolute;
  right:13px;
  top:50%;
  border-right:1px solid #8b939b;
  border-bottom:1px solid #8b939b;
  transform:translateY(-65%) rotate(45deg);
}
.msop-rule-editor .shared-tag-setting.inline .shared-tag-setting-trigger:hover,
.msop-rule-editor .shared-tag-setting.inline .shared-tag-setting-trigger:focus {
  color:#2f363d;
  background:#f7f8f9;
  outline:0;
}
.msop-rule-editor .shared-tag-setting.inline .shared-tag-setting-summary { min-width:0; min-height:34px; flex:1; align-items:center; gap:5px; padding:3px 8px; box-sizing:border-box; }
.msop-rule-editor .shared-tag-setting.inline .shared-tag-setting-summary small { color:#a0a6ad; }
.msop-rule-editor .shared-tag-setting.inline .shared-tag-setting-summary > span {
  color:#4f5861;
  border-color:#d8dde2;
  background:#f7f8f9;
}
.msop-rule-editor .shared-tag-setting.inline .shared-tag-setting-summary > span button {
  color:#8a929a;
}
.msop-rule-tag-row .shared-tag-setting-trigger { min-width:128px; height:34px; color:#4e5660; font-weight:400; background:#fff; }
.msop-rule-tag-row .shared-tag-setting-summary { min-height:34px; box-sizing:border-box; }
.msop-rule-tag-fallback { width:100%; min-height:34px; border:1px solid #dcdfe6; background:#fff; color:#4e5660; text-align:left; }
.msop-rule-exclude { min-width:0; display:grid; gap:12px; }
.msop-rule-exclude > label { width:max-content; display:flex; align-items:center; gap:9px; min-height:34px; }
.msop-rule-exclude em { color:#f08a24; font-style:normal; font-size:13px; }
.msop-rule-terminate-row { min-height:42px; }
.msop-rule-terminate-row > label { width:max-content; display:flex; align-items:center; gap:8px; color:#535b64; }
.msop-rule-gender-row { min-height:46px; }
.msop-rule-group-conditions { width:min(700px,100%); display:grid; gap:12px; padding:10px 0; }
.msop-rule-group-conditions > div { min-height:36px; display:flex; align-items:center; gap:10px; }
.msop-rule-group-conditions b { width:112px; flex:0 0 112px; font-weight:400; color:#5f6770; }
.msop-rule-group-conditions .shared-tag-setting { width:min(480px,100%); }
.msop-rule-group-conditions input[type="number"] { width:90px; height:34px; box-sizing:border-box; padding:0 10px; border:1px solid #dcdfe6; border-radius:3px; }
.msop-rule-example { height:30px; padding:0 4px; border:0; background:transparent; color:#249c16; cursor:pointer; }
.msop-rule-template-row { align-items:start; padding-top:10px; }
.msop-rule-tracking-row { min-height:52px; }
.msop-rule-template-row > span { padding-top:8px; }
.msop-rule-template-controls { width:min(690px,100%); }
.msop-rule-template-controls.msop-standard-template-controls { display:flex; }
.msop-rule-template-controls .msop-shared-select,.msop-rule-template-controls .shared-select-trigger { height:34px; }
.msop-rule-template-note { display:block; margin-top:7px; color:#9aa0a7; font-size:12px; font-weight:400; }
.msop-rule-setting-row .msop-radio-line { gap:24px; }
.msop-rule-editor.is-customer .msop-editor-scroll { padding-top:12px; }
.msop-rule-editor.is-customer .msop-rule-form-card { width:min(960px,100%); padding-bottom:16px; }
.msop-rule-editor.is-customer .msop-rule-form-card > h3 { height:44px; padding:0 20px; }
.msop-rule-editor.is-customer .msop-rule-editor-note { min-height:48px; margin:16px 20px 10px; padding:10px 12px; line-height:20px; }
.msop-rule-editor.is-customer .msop-rule-setting-row { width:calc(100% - 40px); min-height:48px; grid-template-columns:104px minmax(0,1fr); gap:16px; margin:0 20px; }
.msop-rule-editor.is-customer .msop-rule-setting-row > span:first-child { color:#46505a; }
.msop-rule-editor.is-customer .msop-radio-line { gap:22px; }
.msop-rule-editor.is-customer .msop-rule-gender-row { min-height:44px; }
.msop-rule-editor.is-customer .msop-rule-setting-tags,
.msop-rule-editor.is-customer .msop-rule-exclude-row { padding:8px 0; }
.msop-rule-editor.is-customer .msop-rule-tag-stack { width:min(640px,100%); gap:8px; }
.msop-rule-editor.is-customer .msop-rule-tag-row { grid-template-columns:150px minmax(280px,1fr); gap:8px; }
.msop-rule-editor.is-customer .msop-rule-tag-row .msop-shared-select { width:150px; }
.msop-rule-editor.is-customer .shared-tag-setting.inline .shared-tag-setting-trigger { width:140px; min-width:140px; flex-basis:140px; }
.msop-rule-editor.is-customer .msop-rule-tracking-row { min-height:48px; }
.msop-rule-editor.is-customer .msop-tracking-controls { gap:9px; }
.msop-rule-editor.is-customer .msop-rule-template-row { padding-top:8px; }
.msop-rule-editor.is-customer .msop-rule-template-row > span { padding-top:8px; }
.msop-rule-editor.is-customer .msop-rule-template-controls { width:min(660px,100%); }
.msop-rule-editor.is-customer .msop-rule-template-controls .msop-standard-library { width:132px!important; max-width:132px; flex-basis:132px!important; }
.msop-rule-editor.is-customer .msop-rule-template-controls .msop-standard-template-select { width:430px!important; max-width:calc(100% - 174px); flex-basis:430px!important; }
@media (max-width:820px) {
  .msop-rule-setting-row { grid-template-columns:1fr; gap:8px; padding:8px 0; }
  .msop-rule-editor.is-customer .msop-rule-setting-row { grid-template-columns:1fr; gap:8px; }
  .msop-rule-setting-tags > span,.msop-rule-exclude-row > span,.msop-rule-template-row > span { padding-top:0; }
  .msop-rule-editor.is-customer .msop-rule-setting-tags > span,
  .msop-rule-editor.is-customer .msop-rule-exclude-row > span,
  .msop-rule-editor.is-customer .msop-rule-template-row > span { padding-top:0; }
  .msop-rule-tag-row { grid-template-columns:1fr; gap:6px; }
  .msop-rule-editor.is-customer .msop-rule-tag-row { grid-template-columns:1fr; }
  .msop-rule-tag-row > span { min-height:24px; }
  .msop-rule-template-controls.msop-standard-template-controls { height:auto; flex-wrap:wrap; }
  .msop-rule-template-controls.msop-standard-template-controls .msop-standard-template-select { width:calc(100% - 42px); flex-basis:calc(100% - 42px); }
  .msop-rule-editor.is-customer .msop-rule-template-controls.msop-standard-template-controls .msop-standard-template-select { width:calc(100% - 42px)!important; max-width:calc(100% - 42px); flex-basis:calc(100% - 42px)!important; }
}
@media (max-width:760px) {
  .msop-standard-audience-row { grid-template-columns:1fr; }
  .msop-standard-audience-row > span { padding-top:0; }
  .msop-audience-head { align-items:flex-start; flex-direction:column; gap:8px; padding:10px 12px; }
  .msop-tracking-controls { align-items:flex-start; flex-wrap:wrap; }
  .msop-tracking-controls > span:not(.msop-tracking-help) { white-space:normal; }
  .msop-tracking-help > [role="tooltip"] { width:min(520px,calc(100vw - 48px)); left:0; transform:none; }
  .msop-standard-template-controls { height:auto; flex-wrap:wrap; }
  .msop-standard-template-controls .msop-standard-template-select { width:calc(100% - 42px); flex-basis:calc(100% - 42px); }
}
.msop-template-basic > label { min-height:46px; }
.msop-template-basic > label + label { border-top:0; }
.msop-template-basic .msop-radio-line { gap:22px; }
.msop-template-basic .msop-radio-line.is-locked { color:#6f7780; cursor:default; }
.msop-template-basic .msop-radio-line.is-locked label { cursor:default; }
.msop-template-basic .msop-radio-line.is-locked input[type="radio"] { cursor:not-allowed; opacity:.65; }
.msop-template-plan .msop-card-title > div { display:flex; align-items:center; }
.msop-template-plan .msop-card-title button { min-width:132px; padding:0 12px; border-color:#dcdfe6; color:#5e6670; }
.msop-schedule { display:grid; grid-template-columns:176px minmax(0,1fr); min-height:260px; }
.msop-schedule > aside { padding:10px; border-right:1px solid #eceef0; }
.msop-schedule > aside > button,.msop-task-nav button { width:100%; min-height:34px; margin-bottom:6px; border:1px solid #dcdfe6; background:#fff; text-align:left; padding:0 10px; }
.msop-schedule > aside .msop-add-day { height:36px; color:#249c16; text-align:center; border-color:#2aaa1a; }
.msop-schedule button.active { border-color:#2aaa1a; color:#249c16; background:#f5fbf3; }
.msop-day-row { position:relative; min-height:34px; display:flex; align-items:center; margin-bottom:6px; border:1px solid transparent; background:#fff; }
.msop-day-row:hover,.msop-day-row.active { background:#eef4ff; }
.msop-day-row.active { border-color:#dce8fb; }
.msop-day-row .msop-day-select { min-width:0; height:32px; flex:1 1 auto; padding:0 8px; border:0; color:#59616b; background:transparent; text-align:left; }
.msop-day-row.active .msop-day-select { color:#4f5965; }
.msop-day-actions { display:none; align-items:center; gap:2px; flex:0 0 auto; padding-right:4px; }
.msop-day-row:hover .msop-day-actions,.msop-day-row.active .msop-day-actions { display:flex; }
.msop-day-actions button { width:24px; min-width:24px; height:26px; display:grid; place-items:center; padding:0; border:0; color:#8a929c; background:transparent; }
.msop-day-actions button img { width:14px; height:14px; opacity:.68; }
.msop-day-actions button:hover { color:#249c16; }
.msop-day-actions button:hover img { opacity:.9; }
.msop-day-actions button:disabled { color:#c8cdd3; cursor:not-allowed; }
.msop-day-actions button:disabled img { opacity:.25; }
.msop-content-required { margin:4px 0 0; color:#ff4d4f; font-size:13px; font-weight:400; line-height:20px; }
.msop-day-delete-confirm { position:absolute; z-index:35; top:36px; right:-56px; width:218px; padding:12px 12px 10px; border:1px solid #e3e6ea; border-radius:4px; background:#fff; box-shadow:0 4px 14px rgba(34,39,46,.16); box-sizing:border-box; }
.msop-day-delete-confirm::before { content:""; position:absolute; top:-6px; right:72px; width:10px; height:10px; border-top:1px solid #e3e6ea; border-left:1px solid #e3e6ea; background:#fff; transform:rotate(45deg); }
.msop-day-delete-confirm > span { min-height:24px; display:flex; align-items:center; gap:8px; color:#5a626c; font-size:13px; white-space:nowrap; }
.msop-day-delete-confirm > span img { width:15px; height:15px; flex:0 0 15px; filter:brightness(0) saturate(100%) invert(62%) sepia(99%) saturate(1732%) hue-rotate(353deg) brightness(101%) contrast(93%); }
.msop-day-delete-confirm footer { display:flex; justify-content:flex-end; gap:8px; margin-top:10px; }
.msop-day-delete-confirm footer .dialog-action-button { min-width:48px; height:28px; padding:0 10px; font-size:12px; }
.msop-task-nav button small { float:right; color:#9298a0; }
.msop-schedule > main { min-width:0; padding:0 12px 12px; }
.msop-task-heading { height:40px; display:flex; align-items:center; border-bottom:1px solid #eceef0; color:#4f5760; font-weight:500; }
.msop-template-timing { min-height:54px; display:flex; align-items:center; flex-wrap:wrap; gap:7px; padding:6px 0; border-bottom:1px solid #eceef0; color:#626a73; box-sizing:border-box; }
.msop-template-timing > label,.msop-trigger-fields { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0; }
.msop-template-timing.is-trigger > strong { min-width:66px; font-size:14px; font-weight:500; }
.msop-template-timing.is-label-trigger { display:block; padding:10px 12px; }
.msop-label-trigger-options { display:grid; gap:10px; }
.msop-label-trigger-options > label { min-height:34px; display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0; color:#626a73; }
.msop-label-trigger-options > label > input[type="radio"] { flex:0 0 auto; margin:0; }
.msop-label-trigger-options > label > span:first-of-type { min-width:74px; }
.msop-label-trigger-options .msop-time-range { display:flex; align-items:center; gap:7px; }
.msop-trigger-date-picker { width:164px; height:32px; position:relative; flex:0 0 164px; }
.msop-trigger-date-button { width:100%; height:32px; position:relative; display:flex; align-items:center; padding:0 34px 0 10px; overflow:hidden; border:1px solid #dcdfe6; border-radius:3px; color:#59616a; background:#fff; box-sizing:border-box; cursor:pointer; }
.msop-trigger-date-button > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.msop-trigger-date-button > i { width:13px; height:13px; position:absolute; right:10px; top:8px; border:1px solid #9ca3aa; border-radius:1px; box-sizing:border-box; }
.msop-trigger-date-button > i::before { content:""; position:absolute; top:3px; right:0; left:0; border-top:1px solid #9ca3aa; }
.msop-trigger-date-picker.open { z-index:1600; }
.msop-trigger-date-picker.open .msop-trigger-date-button { border-color:#2aaa1a; box-shadow:0 0 0 2px rgba(42,166,26,.08); }
.msop-trigger-date-panel { width:284px; position:absolute; z-index:1600; top:36px; left:0; border:1px solid #e5e7eb; border-radius:3px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.14); }
.msop-trigger-date-panel.hidden { display:none; }
.msop-trigger-date-panel .shared-date-calendars { grid-template-columns:1fr; }
.msop-trigger-date-panel .shared-date-shortcuts { justify-content:flex-start; }
.msop-label-expiry { min-height:30px; display:flex; align-items:center; gap:20px; padding-left:88px; }
.msop-label-expiry > label { display:flex; align-items:center; gap:6px; margin:0; color:#626a73; }
.msop-label-expiry input[type="radio"] { margin:0; }
.msop-template-timing.is-customer-trigger { display:block; padding:10px 12px; }
.msop-customer-trigger-options { display:grid; gap:10px; }
.msop-customer-trigger-options > label { min-height:34px; display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0; color:#626a73; font-size:14px; font-weight:400; }
.msop-customer-trigger-options > label > input[type="radio"] { flex:0 0 auto; margin:0; }
.msop-customer-trigger-options > label > span:first-of-type { min-width:60px; }
.msop-customer-trigger-options .msop-time-range { display:flex; align-items:center; gap:7px; }
.msop-template-timing.is-group-trigger { display:block; padding:10px 12px; }
.msop-group-trigger-options { display:grid; gap:10px; }
.msop-group-trigger-options > label { min-height:34px; display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0; color:#626a73; font-size:14px; font-weight:400; }
.msop-group-trigger-options > label > input[type="radio"] { flex:0 0 auto; margin:0; }
.msop-group-trigger-options > label > span:first-of-type { min-width:82px; }
.msop-group-trigger-options .msop-time-range { display:flex; align-items:center; gap:7px; }
.msop-trigger-rule-help { position:relative; display:inline-flex; align-items:center; color:#249c16; cursor:help; outline:0; }
.msop-trigger-rule-help > [role="tooltip"] { width:500px; position:absolute; right:0; bottom:calc(100% + 9px); z-index:2800; display:none; box-sizing:border-box; padding:9px 11px; border-radius:3px; color:#fff; font-size:13px; font-weight:400; line-height:1.55; white-space:normal; background:rgba(45,47,50,.92); box-shadow:0 3px 10px rgba(0,0,0,.18); }
.msop-trigger-rule-help > [role="tooltip"]::after { content:""; position:absolute; right:24px; top:100%; border-top:6px solid rgba(45,47,50,.92); border-right:6px solid transparent; border-left:6px solid transparent; }
.msop-trigger-rule-help:hover > [role="tooltip"],.msop-trigger-rule-help:focus > [role="tooltip"] { display:block; }
.msop-timing-tabs { display:inline-flex; align-items:center; gap:0; margin-right:2px; }
.msop-timing-tabs button { height:32px; padding:0 12px; border:1px solid #dcdfe6; background:#fff; color:#616972; }
.msop-timing-tabs button + button { margin-left:-1px; }
.msop-timing-tabs button.active { position:relative; z-index:1; border-color:#2aaa1a; color:#249c16; background:#f7fcf5; }
.msop-number-input { width:52px; height:32px; box-sizing:border-box; padding:0 8px; border:1px solid #dcdfe6; border-radius:3px; color:#525a63; background:#fff; }
.msop-template-timing .msop-time-range { display:flex; align-items:center; gap:7px; }
.msop-template-content { min-width:0; margin-top:8px; }
.msop-template-content .shared-send-setting { width:100%; margin:0; box-sizing:border-box; }
.msop-template-content .shared-send-types button { font-weight:400; }
.msop-template-content .shared-send-setting:not(.shared-content-setting) .shared-send-row {
  grid-template-rows:minmax(60px,auto) minmax(56px,auto);
}
.msop-template-content .shared-send-setting:not(.shared-content-setting) .shared-send-delay {
  min-height:54px;
  flex-wrap:wrap;
  align-content:center;
  box-sizing:border-box;
}
.msop-template-content .shared-send-setting:not(.shared-content-setting) .shared-send-delay > .msop-estimated-send-time {
  flex:0 0 100%; color:#f05a4a; font-size:12px; font-weight:400; line-height:18px; white-space:nowrap;
}
.msop-template-content .shared-send-setting:not(.shared-content-setting) .shared-send-row.is-exact-time {
  grid-template-rows:44px minmax(56px,auto);
}
.msop-template-content .shared-send-setting:not(.shared-content-setting) .shared-send-delay.msop-exact-send-time {
  min-height:34px;
  flex-wrap:nowrap;
  padding:2px 6px;
}
.msop-template-content .msop-content-exact-picker { width:128px; height:28px; flex:0 0 128px; }
.msop-template-content .msop-content-exact-picker .shared-time-trigger { height:28px; min-height:28px; line-height:26px; }
.msop-template-content .msop-content-exact-picker.open { z-index:1500; }
.msop-template-content .msop-content-exact-picker .shared-time-panel { top:32px; bottom:auto; z-index:1500; }
.msop-exact-warning {
  flex:0 0 100%;
  min-width:0;
  min-height:24px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:3px 0 3px;
  box-sizing:border-box;
  color:#ef8b17;
  font-size:12px;
  font-weight:400;
  line-height:18px;
}
.msop-exact-warning img {
  width:14px;
  height:14px;
  flex:0 0 14px;
  filter:brightness(0) saturate(100%) invert(62%) sepia(99%) saturate(1732%) hue-rotate(353deg) brightness(101%) contrast(93%);
}
.msop-time-row { display:flex; align-items:center; gap:12px; }
.msop-time-row input { height:32px; border:1px solid #dcdfe6; padding:0 8px; }
.msop-time-row .msop-template-time-picker { width:128px; height:32px; flex:0 0 128px; z-index:6; }
.msop-time-row .msop-template-time-picker.open { z-index:1500; }
.msop-time-row .msop-template-time-picker .shared-time-trigger { height:32px; min-height:32px; line-height:30px; }
.msop-time-row .msop-template-time-picker .shared-time-panel { top:auto; bottom:36px; z-index:1500; }
.msop-template-timing .msop-template-time-picker .shared-time-panel { top:auto; bottom:36px; z-index:1500; }
.msop-content-list { min-height:130px; margin-top:12px; border:1px solid #e1e4e8; }
.msop-content-list article { min-height:72px; display:grid; grid-template-columns:30px minmax(0,1fr) 42px 42px; align-items:center; gap:8px; padding:8px; border-bottom:1px solid #eceef0; }
.msop-content-list article em { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:#eef0f2; font-style:normal; }
.msop-content-list article button { height:28px; border:0; background:transparent; color:#249c16; }
.msop-content-tools { display:flex; flex-wrap:wrap; gap:6px; padding:10px 0; }
.msop-content-tools button { height:30px; border:1px solid #dcdfe6; background:#fff; color:#4b5563; }
.msop-modal-mask { position:fixed; inset:0; z-index:1300; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(0,0,0,.42); }
.msop-modal-mask.msop-confirm-mask { align-items:center !important; justify-content:center !important; padding:24px !important; }
.msop-confirm-mask .msop-shared-confirm { margin:auto; }
.msop-modal { width:min(760px,calc(100vw - 48px)); max-height:calc(100vh - 48px); display:flex; flex-direction:column; border-radius:4px; background:#fff; box-shadow:0 18px 50px rgba(0,0,0,.22); }
.msop-modal:has(.msop-sleep-list) { width:min(980px,calc(100vw - 48px)); height:min(674px,calc(100vh - 48px)); }
.msop-modal:has(.msop-sleep-list) > .msop-modal-body { min-height:0; flex:1; display:flex; flex-direction:column; padding:16px 18px 14px; overflow:hidden; }
.msop-modal:has(.msop-sleep-condition) { width:min(660px,calc(100vw - 48px)); }
.msop-modal:has(.msop-sleep-condition) > header { height:48px; padding:0 16px; }
.msop-modal:has(.msop-sleep-condition) > header strong { font-size:15px; font-weight:600; }
.msop-modal:has(.msop-sleep-condition) > .msop-modal-body { padding:16px; overflow:visible; font-size:14px; }
.msop-modal:has(.msop-sleep-condition) > footer { min-height:54px; gap:12px; padding:10px 16px; box-sizing:border-box; }
.msop-modal.compact { width:440px; }
.msop-modal:has(.msop-interval-form) { width:min(540px,calc(100vw - 48px)); font-size:14px; font-weight:400; }
.msop-modal:has(.msop-interval-form) > header strong { font-size:15px; font-weight:600; }
.msop-modal:has(.msop-interval-form) > .msop-modal-body { overflow:visible; }
.msop-modal:has(.msop-interval-form) .msop-modal-body,
.msop-modal:has(.msop-interval-form) .msop-modal-body span,
.msop-modal:has(.msop-interval-form) .msop-modal-body label,
.msop-modal:has(.msop-interval-form) .msop-modal-body input,
.msop-modal:has(.msop-interval-form) .msop-modal-body select,
.msop-modal:has(.msop-interval-form) .msop-modal-body button,
.msop-modal:has(.msop-interval-form) > footer button {
  font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif;
  font-size:14px;
  font-weight:400;
  line-height:20px;
  letter-spacing:0;
}
.msop-modal:has(.msop-interval-form) :is(
  .msop-interval-note span,
  .msop-interval-form > label > span,
  .msop-interval-form input,
  .msop-interval-form select,
  .msop-interval-form button,
  .msop-interval-scope > span,
  .msop-interval-scope label,
  footer button
) {
  font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:20px!important;
  letter-spacing:0!important;
}
.msop-modal:has(.msop-interval-form) :is(.msop-interval-form > label > span,.msop-interval-scope > span,.msop-interval-scope label) { color:#303133; }
.msop-modal > header { height:52px; flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 17px; border-bottom:1px solid #e5e7eb; }
.msop-modal > header button { border:0; background:transparent; color:#8c939d; font-size:23px; }
.msop-modal-body { min-height:0; overflow:auto; padding:18px; }
.msop-modal > footer { flex:0 0 auto; display:flex; justify-content:flex-end; gap:9px; padding:11px 17px; border-top:1px solid #e5e7eb; }
.msop-modal > footer button { min-width:72px; height:33px; }
.msop-modal-toolbar { display:flex; gap:8px; margin-bottom:12px; }
.msop-modal-toolbar select { width:140px; height:32px; border:1px solid #dcdfe6; }
.msop-account-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; max-height:430px; overflow:auto; }
.msop-account-list label { min-height:58px; display:grid; grid-template-columns:22px 34px minmax(0,1fr) 70px; align-items:center; gap:8px; padding:0 10px; border:1px solid #e1e4e8; }
.msop-avatar { width:30px; height:30px; position:relative; border-radius:3px; background:url("assets/avatar.png") center/cover; filter:grayscale(1); }
.msop-avatar.online { filter:none; }
.msop-avatar.online::after { content:""; position:absolute; right:-2px; bottom:-2px; width:8px; height:8px; border:2px solid #fff; border-radius:50%; background:#2abd20; }
.msop-account-list strong,.msop-sleep-table strong { font-weight:500; }
.msop-account-list em,.msop-sleep-table em { display:block; color:#ef8b19; font-size:12px; font-style:normal; }
.msop-account-list small { color:#8c939d; }
.msop-sleep-list { min-height:0; flex:1; display:flex; flex-direction:column; }
.msop-sleep-toolbar { min-height:44px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.msop-sleep-list .msop-modal-toolbar { margin:0; }
.msop-sleep-total { flex:0 0 auto; color:#8b929a; font-size:12px; line-height:32px; }
.msop-sleep-table { min-height:0; flex:1; display:flex; flex-direction:column; border:1px solid #e1e4e8; overflow:hidden; }
.msop-sleep-table > header,.msop-sleep-table article { display:grid; grid-template-columns:32px minmax(190px,.8fr) minmax(430px,1.6fr) 58px; align-items:center; gap:12px; min-height:44px; padding:0 12px; box-sizing:border-box; }
.msop-sleep-table > header { height:44px; flex:0 0 auto; background:#f6f7f9; color:#4f565e; font-size:13px; font-weight:500; }
.msop-sleep-check-cell { display:flex; align-items:center; justify-content:center; width:32px; min-width:32px; margin:0; }
.msop-sleep-table-body { min-height:0; flex:1; max-height:none; overflow:auto; }
.msop-sleep-table article { min-height:66px; border-top:1px solid #eceef0; transition:background-color .15s ease; }
.msop-sleep-table article:hover { background:#fafcf9; }
.msop-sleep-account { min-width:0; display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:9px; }
.msop-sleep-account strong { display:block; color:#343a40; font-size:13px; font-weight:400; line-height:20px; }
.msop-sleep-account strong em { margin-top:1px; color:#ed8613; font-size:12px; font-weight:400; line-height:17px; }
.msop-sleep-table input[type="checkbox"] { width:16px!important; min-width:16px!important; height:16px!important; min-height:16px!important; margin:0; padding:0; flex:0 0 16px; accent-color:#2aaa1a; appearance:auto; }
.msop-sleep-avatar { width:32px; height:32px; position:relative; flex:0 0 32px; border-radius:50%; }
.msop-sleep-avatar.online::after { content:""; width:8px; height:8px; position:absolute; right:-1px; bottom:-1px; box-sizing:border-box; border:2px solid #fff; border-radius:50%; background:#26b82c; }
.msop-sleep-avatar.offline { filter:grayscale(1); opacity:.62; }
.msop-sleep-setting { height:28px; padding:0; border:0; background:transparent; color:#249c16; font-size:13px; font-weight:400; }
.msop-sleep-summary { min-width:0; display:grid; grid-template-columns:minmax(118px,.8fr) minmax(138px,1fr) minmax(172px,1.2fr); align-items:center; gap:12px; }
.msop-sleep-summary > span { min-width:0; display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:6px; }
.msop-sleep-summary i { color:#7d858e; font-size:12px; font-style:normal; line-height:20px; }
.msop-sleep-summary b { min-width:0; overflow:hidden; color:#4a5159; font-size:13px; font-weight:400; line-height:20px; text-overflow:ellipsis; white-space:nowrap; }
.msop-sleep-summary b.off { color:#a5abb2; }
.msop-sleep-footer { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 10px; border-top:1px solid #e5e7eb; background:#fafafa; box-sizing:border-box; }
.msop-batch-line { display:flex; align-items:center; gap:9px; color:#646b73; font-size:13px; }
.msop-batch-line button { height:28px; padding:0 10px; border:1px solid #dcdfe6; border-radius:3px; background:#fff; color:#60666d; font-size:13px; }
.msop-batch-line .msop-select-all-text { padding:0; border:0; color:#249c16; }
.msop-batch-line b { color:#249c16; font-weight:500; }
.msop-batch-line button:disabled { color:#b8bdc5; background:#f5f6f7; cursor:not-allowed; }
.msop-sleep-pages { margin-left:auto; }
.msop-sleep-pages .msop-page-ellipsis { min-width:24px; color:#999; font-size:13px; text-align:center; }
@media (max-width:820px) {
  .msop-modal:has(.msop-sleep-list) > .msop-modal-body { padding:12px; }
  .msop-sleep-table > header,.msop-sleep-table article { grid-template-columns:32px minmax(160px,.8fr) minmax(270px,1.2fr) 50px; gap:8px; }
  .msop-sleep-summary { grid-template-columns:1fr; gap:1px; }
  .msop-sleep-summary > span { grid-template-columns:34px minmax(0,1fr); }
  .msop-sleep-footer { align-items:flex-start; flex-direction:column; }
  .msop-sleep-pages { margin-left:0; }
}
.msop-sleep-note { display:flex; align-items:center; gap:9px; min-height:38px; margin-bottom:10px; padding:0 13px; border-radius:3px; background:#fff0df; color:#4f545a; font-size:13px; line-height:1.5; }
.msop-sleep-note i { width:14px; height:14px; display:grid; place-items:center; border-radius:50%; background:#f5a623; color:#fff; font-size:10px; font-style:normal; }
.msop-sleep-condition { min-height:72px; display:grid; grid-template-columns:122px minmax(0,1fr); align-items:start; padding:13px 16px; margin-top:8px; background:#f7f8fa; box-sizing:border-box; }
.msop-condition-title { min-height:32px; display:flex; align-items:center; gap:8px; margin:0; color:#343a40; font-size:14px; line-height:32px; white-space:nowrap; }
.msop-sleep-condition input[type="checkbox"] { width:16px!important; height:16px!important; margin:0; accent-color:#2aaa1a; appearance:auto; }
.msop-condition-content { display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-width:0; }
.msop-sleep-condition:has(> .msop-condition-title input:not(:checked)) > :not(.msop-condition-title) { opacity:.45; pointer-events:none; }
.msop-condition-content small { color:#9aa0a8; font-size:12px; line-height:18px; }
.msop-time-range,.msop-date-range { min-height:32px; display:flex; align-items:center; gap:10px; }
.msop-time-range input,.msop-date-range input { height:32px; box-sizing:border-box; font-size:13px; }
.msop-time-range input[type="time"] { width:100px; }
.msop-date-range input { width:136px; }
.msop-time-range > span,.msop-date-range > span { color:#8b929a; }
.msop-time-range .msop-shared-time { width:108px; height:32px; flex:0 0 108px; z-index:4; }
.msop-time-range .msop-shared-time.open { z-index:1500; }
.msop-time-range .msop-shared-time .shared-time-trigger { height:32px; min-height:32px; line-height:30px; }
.msop-time-range .msop-shared-time .shared-time-panel { width:126px; top:36px; z-index:1500; }
.msop-sleep-date-picker { min-height:34px; }
.msop-sleep-date-picker .shared-date-range-picker { width:300px; height:32px; flex:0 0 300px; z-index:5; }
.msop-sleep-date-picker .shared-date-range-picker > input { height:30px; min-height:30px; line-height:30px; }
.msop-sleep-date-picker .shared-date-calendar-button { height:30px; min-height:30px; }
.msop-sleep-date-picker .shared-date-calendar-button i { top:8px; }
.msop-sleep-date-picker .shared-date-range-panel { top:38px; right:auto; bottom:auto; left:0; z-index:1500; }
.msop-sleep-date-picker > input[type="hidden"] { display:none; }
.msop-modal:has(.msop-sleep-condition) > footer { position:relative; z-index:2; background:#fff; }
.msop-weekdays { min-height:32px; display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; }
.msop-weekdays label { min-height:32px; display:flex; align-items:center; gap:5px; margin:0; color:#555c64; font-size:13px; white-space:nowrap; }
.msop-modal-field { display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; gap:12px; min-height:52px; }
.msop-modal-field input[type=time] { height:32px; border:1px solid #dcdfe6; padding:0 8px; }
.msop-content-modal { display:flex; flex-direction:column; gap:10px; }
.msop-content-modal input,.msop-content-modal textarea { width:100%; box-sizing:border-box; border:1px solid #dcdfe6; padding:8px 10px; }
.msop-content-modal input { height:34px; }
.msop-content-modal textarea { min-height:120px; resize:vertical; }
.msop-interval-note { min-height:42px; display:flex; align-items:center; gap:8px; padding:0 12px; color:#77634d; background:#fff3e5; }
.msop-interval-note i { width:17px; height:17px; display:grid; place-items:center; border-radius:50%; color:#fff; font-size:12px; font-style:normal; background:#f0a11d; }
.msop-interval-form { display:grid; gap:14px; padding-top:16px; }
.msop-interval-form > label { display:grid; grid-template-columns:140px 82px 88px 104px; align-items:center; gap:8px; margin:0; }
.msop-interval-form input,.msop-interval-form select { height:34px; box-sizing:border-box; border:1px solid #dcdfe6; border-radius:3px; padding:0 9px; color:#555d66; background:#fff; }
.msop-interval-form .msop-interval-unit-select { width:88px; height:34px; min-width:88px; }
.msop-interval-form .msop-interval-unit-select .shared-select-trigger { height:34px; min-height:34px; line-height:32px; }
.msop-interval-form .msop-interval-unit-select.open { z-index:2500; }
.msop-interval-form .msop-interval-unit-select .shared-select-menu { top:37px; z-index:2500; }
.msop-interval-form [data-msop-interval-recommend] { height:34px; border:1px solid #2aaa1a; border-radius:3px; color:#249c16; background:#fff; }
.msop-interval-scope { display:flex; align-items:center; gap:22px; padding-top:2px; }
.msop-interval-scope > span { width:118px; flex:0 0 118px; }
.msop-interval-scope label { display:inline-flex; align-items:center; gap:6px; margin:0; }
.msop-material-pick { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:390px; overflow:auto; }
.msop-material-pick label { position:relative; min-height:96px; padding:9px; border:1px solid #dfe2e6; }
.msop-material-pick label:has(input:checked) { border-color:#2aaa1a; background:#f4fbf2; }
.msop-material-pick input { width:auto; height:auto; position:absolute; right:7px; top:7px; }
.msop-material-pick strong { display:block; margin-top:7px; font-weight:500; }
.msop-detail-page { height:100%; min-height:0; display:flex; flex-direction:column; color:#3f4750; background:#f4f6f8; }
.msop-detail-page > header { height:50px; flex:0 0 50px; display:flex; align-items:center; gap:10px; padding:0 16px; border-bottom:1px solid #e3e6e9; background:#fff; box-sizing:border-box; }
.msop-detail-page > header strong { color:#30353a; font-size:15px; font-weight:600; }
.msop-detail-scroll { min-height:0; flex:1; overflow:auto; padding:14px 20px 28px; box-sizing:border-box; }
.msop-detail-card { width:min(1150px,100%); margin:0 auto 12px; border:1px solid #e0e3e7; background:#fff; box-sizing:border-box; }
.msop-detail-card > h3 { height:46px; display:flex; align-items:center; margin:0; padding:0 20px; border-bottom:1px solid #e8eaed; color:#30353a; font-size:14px; font-weight:600; box-sizing:border-box; }
.msop-detail-basic dl { margin:0; padding:18px 22px 20px; }
.msop-detail-basic dl > div { min-height:40px; display:grid; grid-template-columns:138px minmax(0,1fr); align-items:center; }
.msop-detail-basic dt { color:#505861; font-size:13px; font-weight:400; }
.msop-detail-basic dd { min-width:0; margin:0; color:#4b535c; font-size:13px; font-weight:400; }
.msop-detail-basic dd[class*="is-"] { width:max-content; padding:2px 7px; border:1px solid transparent; border-radius:2px; line-height:18px; }
.msop-detail-basic dd.is-standard { color:#27851f; border-color:#c8e5c3; background:#eef8ec; }
.msop-detail-basic dd.is-label { color:#2f70ae; border-color:#c8daf0; background:#eef5fc; }
.msop-detail-basic dd.is-customer { color:#bc6425; border-color:#efd3b5; background:#fff3e7; }
.msop-detail-basic dd.is-group { color:#69569a; border-color:#d8cfeb; background:#f4f1fa; }
.msop-detail-plan-body { min-height:320px; display:grid; grid-template-columns:200px minmax(0,1fr); margin:18px 22px 24px; border:1px solid #e3e6e9; box-sizing:border-box; }
.msop-detail-day-tabs { display:flex; flex-direction:column; gap:8px; padding:12px; border-right:1px solid #e3e6e9; background:#fff; }
.msop-detail-day-tabs button { width:100%; min-height:34px; padding:6px 10px; border:0; color:#4f5862; font-size:13px; font-weight:400; line-height:20px; text-align:left; background:transparent; cursor:pointer; }
.msop-detail-day-tabs button:hover { background:#f5f7fa; }
.msop-detail-day-tabs button.active { color:#475569; background:#edf3fc; }
.msop-detail-day-panel { min-width:0; background:#fff; }
.msop-detail-send-head { min-height:64px; display:grid; grid-template-columns:86px minmax(0,1fr); align-items:center; gap:0 10px; padding:10px 20px; border-bottom:1px solid #e7e9ec; box-sizing:border-box; }
.msop-detail-send-head > span { color:#4d555e; font-size:13px; }
.msop-detail-send-head > b { color:#6d747c; font-size:13px; font-weight:400; text-align:right; }
.msop-detail-send-head > em { grid-column:2; margin-top:2px; color:#8c939b; font-size:12px; font-style:normal; text-align:right; }
.msop-detail-task { padding:0; }
.msop-detail-task article { min-height:110px; border-bottom:1px solid #eceef0; box-sizing:border-box; }
.msop-detail-task article:last-child { border-bottom:0; }
.msop-detail-delay { min-height:40px; display:flex; align-items:center; padding:0 20px; border-bottom:1px solid #eceef0; color:#6f7780; font-size:13px; line-height:20px; background:#fafafa; box-sizing:border-box; }
.msop-detail-content-row { min-height:70px; display:grid; grid-template-columns:30px minmax(0,1fr); align-items:start; gap:12px; padding:12px 20px 14px; box-sizing:border-box; }
.msop-detail-content-index { width:26px; height:26px; display:grid; place-items:center; margin-top:0; border-radius:50%; color:#666e77; font-size:12px; background:#f0f1f2; }
.msop-detail-content { width:min(760px,100%); min-width:0; overflow:visible; }
.msop-detail-content > [data-component-key="contentDisplay"] { max-width:100%; }
.msop-detail-content > [data-component-key="contentDisplay"][data-content-type="图片"] { width:min(240px,100%); }
.msop-detail-content > [data-component-key="contentDisplay"][data-content-type="视频"] { width:min(360px,100%); }
.msop-detail-content > [data-component-key="contentDisplay"][data-content-type="表情"] { width:min(160px,100%); }
.msop-detail-content > [data-component-key="contentDisplay"][data-content-type="链接"] { width:min(340px,100%); }
.msop-detail-content > [data-component-key="contentDisplay"][data-content-type="文件"] { width:min(300px,100%); }
.msop-detail-content > [data-component-key="contentDisplay"]:is([data-content-type="小程序"],[data-content-type="视频号"],[data-content-type="商品"]) { width:min(248px,100%); }
.msop-detail-empty { min-height:72px; display:grid; place-items:center; color:#a0a6ad; font-size:13px; }
@media (max-width:900px) {
  .msop-detail-scroll { padding:12px; }
  .msop-detail-plan-body { grid-template-columns:128px minmax(620px,1fr); overflow:auto; }
}
.msop-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.msop-stats article { min-height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #e1e4e8; }
.msop-stats strong { color:#249c16; font-size:25px; }
.msop-stats span { margin-top:8px; color:#7f8790; }
.msop-confirm { display:flex; gap:14px; }
.msop-confirm > i { width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; border:2px solid #ed9a1c; border-radius:50%; color:#ed9a1c; font-style:normal; }
.msop-confirm strong { font-size:15px; }
.msop-confirm p { margin:8px 0 0; color:#7f8790; }
.msop-help-content { line-height:1.7; }
.msop-toast { position:fixed; z-index:1600; left:50%; top:72px; transform:translateX(-50%); padding:10px 18px; border-radius:3px; background:rgba(27,29,32,.9); color:#fff; }
.msop-modal:has([data-shared-component="单方案应用"]) { width:min(1040px,calc(100vw - 40px)); height:min(720px,calc(100vh - 40px)); }
.msop-modal:has([data-shared-component="方案批量应用"]) { width:min(980px,calc(100vw - 40px)); height:min(720px,calc(100vh - 40px)); }
.msop-modal:has([data-shared-component="方案批量应用"]) > .msop-modal-body { min-height:0; display:flex; flex:1; padding:0; overflow:hidden; }
.msop-modal:has([data-shared-component="方案批量应用"]) [data-shared-component="方案批量应用"] { width:100%; min-height:0; flex:1; }
.msop-modal:has([data-shared-component="单方案应用"]) > .msop-modal-body { min-height:0; display:flex; flex:1; padding:0; overflow:hidden; }
.msop-modal:has([data-shared-component="单方案应用"]) [data-shared-component="单方案应用"] { width:100%; min-height:0; display:flex; }
.msop-modal:has([data-shared-component="单方案应用"]) .apply-wechat-picker { width:100%; min-height:0; flex:1; }
.msop-rule-manage-dialog { min-height:0; display:flex; }
.msop-rule-manage-dialog .shared-application-management { max-width:calc(100vw - 48px); max-height:calc(100vh - 48px); }
@media (max-width:1100px) {
  .msop-shell { grid-template-columns:160px minmax(760px,1fr); overflow:auto; }
  .msop-schedule { grid-template-columns:170px minmax(560px,1fr); overflow:auto; }
}

/* V1.15 finalized control and overlay regression. */
.msop-toolbar > .msop-shared-select { width:136px; height:32px; flex:0 0 136px; }
.msop-toolbar > .msop-status-select { width:180px; flex-basis:180px; }
.msop-toolbar > .shared-date-range-picker { width:292px; height:32px; flex:0 0 292px; }
.msop-toolbar > .shared-date-range-picker > input,
.msop-toolbar > .shared-date-range-picker > b,
.msop-toolbar > .shared-date-range-picker > .shared-date-calendar-button { height:30px; line-height:30px; }
.msop-toolbar > .shared-date-range-picker.open { z-index:120; }
.msop-toolbar > .shared-date-range-picker .shared-date-range-panel { right:auto; left:0; z-index:130; }
.msop-modal-toolbar > .msop-shared-select { width:140px; height:32px; flex:0 0 140px; }
.msop-shared-select .shared-select-trigger { width:100%; height:32px; }
.marketing-sop-page .shared-select.open { z-index:2200; }
.marketing-sop-page .shared-select-menu { z-index:2200; min-width:100%; max-height:248px; overflow:auto; }
.marketing-sop-page .material-modal-layer { z-index:2300; }
.msop-table th:nth-child(2),.msop-table td:nth-child(2){width:170px}.msop-table th:nth-child(3),.msop-table td:nth-child(3){width:160px}.msop-table th:nth-child(4),.msop-table td:nth-child(4){width:190px}.msop-table th:nth-child(5),.msop-table td:nth-child(5){width:200px}.msop-table th:nth-child(6),.msop-table td:nth-child(6){width:120px}.msop-table th:nth-child(7),.msop-table td:nth-child(7){width:100px}
.msop-rule-table { min-width:1100px; }
.msop-rule-table th:first-child,.msop-rule-table td:first-child { width:48px; padding-right:8px; padding-left:16px; text-align:center; }
.msop-rule-table th:nth-child(2),.msop-rule-table td:nth-child(2) { width:86px; }
.msop-rule-table th:nth-child(3),.msop-rule-table td:nth-child(3) { width:18%; }
.msop-rule-table th:nth-child(4),.msop-rule-table td:nth-child(4) { width:24%; }
.msop-rule-table th:nth-child(5),.msop-rule-table td:nth-child(5),
.msop-rule-table th:nth-child(6),.msop-rule-table td:nth-child(6) { width:160px; }
.msop-rule-table th:last-child,.msop-rule-table td:last-child { width:220px; }
.msop-rule-table .msop-actions { gap:14px; }
.marketing-sop-page input[type="date"],
.marketing-sop-page input[type="time"] { height:32px; line-height:32px; border-radius:3px; background:#fff; }
@media (max-height:720px) {
  .msop-modal-mask { align-items:flex-start; padding-top:18px; padding-bottom:18px; }
  .msop-modal { max-height:calc(100vh - 36px); }
  .msop-modal .msop-sleep-date-picker .shared-date-range-panel {
    position:fixed;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    transform:translate(-50%,-50%);
  }
}
@media (max-height:460px) {
  .msop-modal .msop-time-range .shared-time-panel {
    position:fixed;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    left:50%!important;
    transform:translate(-50%,-50%);
  }
}