/* V1.1 compact admin layout */
.topbar{height:70px}.brand{height:70px}.page-content{padding-top:20px}.page-heading{margin:0 0 14px;min-height:40px}.inline-heading{align-items:center}.page-heading>div:first-child{display:flex;align-items:baseline;gap:12px;min-width:0}.page-heading .eyebrow{display:none}.page-heading h1{font-size:20px;letter-spacing:-.4px;margin:0;white-space:nowrap}.page-heading p{margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heading-actions{align-items:center;flex-wrap:wrap}td{padding-top:11px;padding-bottom:11px}.metric-grid{margin-top:0}.card-header{padding-top:17px;padding-bottom:14px}.filter-bar{padding-top:11px;padding-bottom:11px}.balance-banner.compact-balance{min-height:0;padding:13px 20px;margin-bottom:14px;background:linear-gradient(120deg,#142a58,#2563eb)}.compact-balance>div{display:flex;align-items:center;gap:16px}.compact-balance span{font-size:11px;color:rgba(255,255,255,.72)}.compact-balance h2{font-size:25px;margin:0}.compact-balance p{font-size:10px;margin:0;color:rgba(255,255,255,.68)}.balance-art{display:none}.check-col{width:42px;text-align:center}.check-col input,.card-check input,.select-all-inline input{width:16px;height:16px;accent-color:var(--brand)}.select-all-inline{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font-size:11px;font-weight:650;white-space:nowrap}.input-action{display:flex;gap:8px}.input-action input{flex:1}.input-action .button{flex:0 0 auto}.card-check{display:inline-flex}.service-card-head{gap:9px}.service-card-head .service-code{margin-right:auto}.service-actions>div{display:flex;gap:6px}.service-actions form{margin:0}.danger-text{color:#d64247!important}.button:disabled{opacity:.48;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* Notices and login popup */
.personal-notifications{margin-bottom:14px}.personal-notifications form{margin:0}.notification-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:0 22px 14px}.notification-pill{min-width:0;padding:11px 4px;display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:start;border-top:1px solid #edf0f5}.notification-pill>i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #e7efff}.notification-pill.read>i{background:#b8c2d1;box-shadow:none}.notification-pill>span{min-width:0}.notification-pill strong,.notification-pill small{display:block}.notification-pill strong{font-size:11px}.notification-pill small{margin-top:5px;color:#8390a3;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-pill time{font-size:9px;color:#a1abba;white-space:nowrap}.notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.notice-item{padding:20px;min-height:180px;display:flex;flex-direction:column}.notice-item.notice-draft{opacity:.68}.notice-meta{display:flex;gap:9px;align-items:center}.notice-meta>span{font-size:9px;font-weight:800;color:var(--brand);background:#edf3ff;border-radius:6px;padding:5px 7px}.notice-meta small{font-size:10px;color:#9aa5b5;margin-left:auto}.notice-item h2{font-size:17px;margin:14px 0 8px}.notice-content{color:#65748a;font-size:12px;line-height:1.75;flex:1}.notice-admin{padding-top:12px;margin-top:13px;border-top:1px solid #edf0f5;display:flex;align-items:center;gap:10px}.notice-admin form{margin:0}.notice-admin .dot-status{margin-left:auto}.notice-popup{width:min(640px,calc(100vw - 28px))}.login-notice-list{max-height:52vh;overflow:auto;display:flex;flex-direction:column}.login-notice-list article{padding:14px 0;display:grid;grid-template-columns:auto 1fr;gap:12px;border-top:1px solid #edf0f5}.login-notice-list article:first-child{border-top:0}.login-notice-list article>span{align-self:start;font-size:9px;font-weight:800;color:var(--brand);background:#edf3ff;border-radius:6px;padding:5px 7px}.login-notice-list h3{font-size:14px;margin:2px 0 7px}.login-notice-list p{font-size:12px;line-height:1.75;color:#65748a;margin:0}.file-cell{display:flex;align-items:center;gap:10px}.file-cell>span{width:34px;height:34px;display:grid;place-items:center;color:var(--brand);background:#eaf1ff;border-radius:8px}.file-cell strong{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:800px){.notice-grid,.notification-strip{grid-template-columns:1fr}.page-heading{align-items:stretch}.page-heading>div:first-child{display:block}.page-heading p{margin-top:5px}.heading-actions{width:100%}.heading-actions .button{flex:1}.compact-balance>div{flex-wrap:wrap}.compact-balance p{width:100%}}
@media(max-width:500px){.notice-item{padding:17px}.page-content{padding-top:16px}.select-all-inline{width:auto!important}.topbar{height:64px}}

/* V1.2 business icons, task links and tighter filters */
.service-identity{display:flex;align-items:center;gap:13px;margin-top:17px;min-width:0}.service-identity>div{min-width:0}.service-identity .service-category{margin-top:0}.service-identity h2{margin:5px 0 4px}.service-identity p{margin:0;color:#7f8c9f;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-avatar,.product-icon-preview,.selected-product-icon{object-fit:cover;background-position:center;background-size:cover}.service-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:13px;border:1px solid #e3e9f1}.service-avatar.fallback,.product-icon-preview.fallback,.selected-product-icon.fallback{display:grid;place-items:center;background:linear-gradient(135deg,#eaf1ff,#d8e5ff);color:var(--brand);font-weight:800}.product-icon-editor{display:grid;grid-template-columns:72px 1fr;gap:15px;align-items:center;padding:14px;border:1px solid #e5eaf2;border-radius:12px;background:#f8faff}.product-icon-preview{width:72px;height:72px;border-radius:16px;border:1px solid #dde5f0;font-size:24px}.product-icon-editor label{min-width:0}.upload-feature{padding:14px 16px;border:1px solid #dfe7f4;border-radius:11px;background:#f7faff}.upload-feature>span{display:flex;align-items:center;gap:9px}.upload-feature input{width:17px;height:17px;padding:0;accent-color:var(--brand);flex:0 0 auto}.product-image{display:block;object-fit:cover;border:1px solid #e0e6ef}.selected-product-identity{display:flex;align-items:center;gap:11px;min-width:0}.selected-product-icon{width:42px;height:42px;border-radius:11px;flex:0 0 42px}.task-image-field input[type=file],.product-icon-editor input[type=file]{height:auto;padding:9px}.short-link-cell{max-width:240px}.short-link-cell a{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--brand);font-weight:650}.short-link-cell span{color:#a0aaba;font-size:11px}.task-filter-bar{flex-wrap:nowrap}.task-filter-bar .search-box{flex:0 1 330px;min-width:250px}.task-filter-bar select{width:auto;min-width:180px;flex:1 1 260px}.task-filter-bar .button{flex:0 0 auto}.task-filter-bar .filter-count{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;white-space:nowrap;margin-left:0;padding:0 4px}.task-filter-bar .filter-count strong{color:#4f607a}.data-table .row-actions form{margin:0}.data-table .row-actions{align-items:center;white-space:nowrap}

@media(max-width:760px){.task-filter-bar{flex-wrap:wrap}.task-filter-bar .search-box{flex:1 1 100%;min-width:100%}.task-filter-bar select{flex:1 1 180px;min-width:0}.task-filter-bar .filter-count{width:auto;margin-left:auto}.product-icon-editor{grid-template-columns:60px 1fr}.product-icon-preview{width:60px;height:60px}}

/* V1.3 branding, category controls and live task alerts */
.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.brand-logo-editor{display:flex;align-items:center;gap:16px;padding:14px;border:1px dashed #d8e0eb;border-radius:12px;background:#f8faff}.brand-logo-editor>img,.brand-logo-editor>span{width:58px;height:58px;flex:0 0 auto;border-radius:15px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#5b8dff);color:#fff;font-size:24px;font-weight:800}.brand-logo-editor label{flex:1}.category-create-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.category-create-form label:first-child{grid-column:1/-1}.category-create-form>.button{align-self:end}.category-list{display:flex;flex-direction:column;gap:7px}.category-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;background:#f0f4f9;border-radius:8px}.category-item>span{padding:0}.category-item form{margin:0}.task-alert-toast{position:fixed;z-index:100;top:88px;right:24px;width:min(390px,calc(100vw - 32px));padding:16px 18px;display:flex;align-items:center;gap:13px;color:#fff;background:linear-gradient(135deg,#12284e,#2563eb);border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 20px 55px rgba(17,43,91,.32);animation:taskAlertIn .28s ease}.task-alert-toast>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:rgba(255,255,255,.14);font-size:18px}.task-alert-toast strong,.task-alert-toast small{display:block}.task-alert-toast strong{font-size:14px}.task-alert-toast small{margin-top:5px;color:rgba(255,255,255,.7);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-alert-toast>div{min-width:0}@keyframes taskAlertIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.category-create-form{grid-template-columns:1fr}.category-create-form label:first-child{grid-column:auto}.task-alert-toast{top:76px;right:16px}.brand-logo-editor{align-items:flex-start;flex-direction:column}.nav-name-grid{grid-template-columns:1fr}}

/* V1.4 collapsible navigation, uploads and delivery metadata */
.sidebar,.main-area{transition:width .22s ease,margin-left .22s ease}.sidebar-collapse{position:absolute;z-index:3;top:82px;right:-14px;width:28px;height:28px;padding:0;display:grid;place-items:center;border:1px solid #dce4ef;border-radius:50%;background:#fff;color:#53627a;box-shadow:0 5px 16px rgba(18,36,70,.14)}.sidebar-collapse span{font-size:21px;line-height:1;transition:transform .22s}.nav-icon{display:grid;place-items:center;flex:0 0 22px}.nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-mark.has-logo{background:#0d172a;box-shadow:none}.brand-mark.has-logo img{background:#0d172a}.sidebar-collapsed .sidebar{width:78px}.sidebar-collapsed .main-area{margin-left:78px}.sidebar-collapsed .brand{padding:0 19px}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .nav-item>span:last-child,.sidebar-collapsed .nav-caption,.sidebar-collapsed .user-meta{display:none}.sidebar-collapsed .nav-list{padding-left:10px;padding-right:10px}.sidebar-collapsed .nav-item{padding:0;justify-content:center}.sidebar-collapsed .sidebar-foot{margin-left:10px;margin-right:10px;padding:10px 6px;flex-direction:column;gap:6px}.sidebar-collapsed .user-chip{justify-content:center}.sidebar-collapsed .sidebar-collapse span{transform:rotate(180deg)}
.search-box{overflow:hidden}.search-box input,.search-box input:focus{height:36px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.search-box input[type=search]::-webkit-search-decoration,.search-box input[type=search]::-webkit-search-cancel-button{appearance:none}
.alert-sound-editor{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(180px,280px);align-items:center;gap:15px;padding:14px;border:1px dashed #d8e0eb;border-radius:12px;background:#f8faff}.sound-glyph{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;color:var(--brand);background:#eaf1ff;font-size:22px}.alert-sound-editor audio{width:100%;height:40px}.alert-sound-editor>small{font-size:11px}
.sound-enable-button{height:36px;padding:0 11px;border:1px solid #dfe6f0;border-radius:9px;background:#fff;color:#66758b;font-size:11px;font-weight:700}.sound-enable-button:hover,.sound-enable-button.enabled{border-color:#bcd0f7;background:#edf4ff;color:var(--brand)}
.task-image-field{gap:10px}.qr-upload-box{position:relative;min-height:190px;display:grid;place-items:center;border:1.5px dashed #b9c9e4;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#f2f6fd);overflow:hidden;transition:.2s}.qr-upload-box:hover{border-color:var(--brand);background:#f3f7ff;box-shadow:0 10px 30px rgba(37,99,235,.09)}.qr-upload-box>input{position:absolute!important;z-index:3;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.qr-upload-content{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;text-align:center;gap:7px;padding:24px}.qr-upload-content strong{font-size:14px;color:#31435f}.qr-upload-content small{font-size:11px;color:#8492a6}.qr-upload-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:4px;border-radius:14px;background:#fff;color:var(--brand);box-shadow:0 8px 24px rgba(37,99,235,.13)}.qr-upload-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.qr-upload-preview{position:absolute;left:18px;top:18px;width:154px;height:154px;object-fit:contain;border-radius:13px;background:#fff;border:1px solid #e0e7f1}.qr-upload-box.has-preview{place-items:stretch}.qr-upload-box.has-preview .qr-upload-content{padding-left:195px;align-items:flex-start;justify-content:center;text-align:left}.qr-upload-box.has-preview .qr-upload-icon{display:none}
.submitted-image{margin:2px 0 4px;display:inline-flex;position:relative;padding:9px;border:1px solid #e1e8f1;border-radius:14px;background:#f8faff}.submitted-image img{width:min(320px,100%);max-height:320px;object-fit:contain;border-radius:9px;background:#fff}.submitted-image span{position:absolute;right:16px;bottom:16px;padding:6px 9px;border-radius:7px;background:rgba(15,28,51,.78);color:#fff;font-size:10px}.expiry-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;background:#edf4ff;color:#3567bd;font-size:11px;font-weight:700}.list-meta-bar{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebeff5;color:#7d899b;font-size:11px}
.wechat-scheme-admin-row{margin:0 24px 24px;padding:15px 16px;border:1px solid #dce8fb;border-radius:12px;background:linear-gradient(135deg,#f7faff,#fff);display:flex;align-items:center;justify-content:space-between;gap:16px}.wechat-scheme-admin-copy{min-width:0;display:flex;flex-direction:column;gap:7px}.wechat-scheme-admin-copy>span{font-size:11px;color:#8795aa}.wechat-scheme-admin-copy>button{border:0;padding:0;background:none;color:#2472ef;text-align:left;font-size:13px;line-height:1.6;word-break:break-all;cursor:pointer}.wechat-scheme-admin-copy>button:hover{text-decoration:underline}.wechat-scheme-admin-copy>em{font-style:normal;color:#8290a5;font-size:12px}.wechat-scheme-admin-copy>em.is-error{color:#c84b52}
.submitted-image-actions{display:inline-flex;align-items:center;flex-direction:column;gap:10px}.replace-qr-trigger{margin:0;display:inline-flex;align-items:center;justify-content:center;gap:6px}.replace-qr-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.replace-qr-dialog{width:min(560px,calc(100vw - 28px))}.replace-qr-dialog .dialog-head p{max-width:390px;margin:7px 0 0;color:#7f8da1;font-size:11px;line-height:1.65}.replace-qr-current{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e1e8f2;border-radius:12px;background:#f8faff}.replace-qr-current>span{color:#687991;font-size:12px;font-weight:750}.replace-qr-current img{width:82px;height:82px;margin-left:auto;object-fit:contain;border:1px solid #e2e8f1;border-radius:10px;background:#fff}.replace-qr-upload{position:relative;min-height:188px;display:flex;align-items:center;justify-content:center;padding:18px;border:1.5px dashed #9fbcf3;border-radius:15px;background:#f5f8ff;overflow:hidden;transition:.2s}.replace-qr-upload:hover{border-color:var(--brand);background:#eef4ff;box-shadow:0 10px 28px rgba(37,99,235,.09)}.replace-qr-upload>input{position:absolute!important;z-index:4;inset:0!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;opacity:0!important;cursor:pointer!important}.replace-qr-upload>span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;pointer-events:none}.replace-qr-upload>span svg{width:35px;height:35px;padding:8px;border-radius:11px;color:var(--brand);background:#fff;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 8px 24px rgba(37,99,235,.13)}.replace-qr-upload>span strong{color:#30435f;font-size:14px}.replace-qr-upload>span small{color:#8592a6;font-size:11px}.replace-qr-upload>img{width:150px;height:150px;object-fit:contain;border:1px solid #dfe7f1;border-radius:12px;background:#fff}.replace-qr-upload.has-preview{justify-content:flex-start;gap:18px;background:#f8fbff}.replace-qr-upload.has-preview>span{align-items:flex-start;text-align:left}.replace-qr-upload.has-preview>span svg{display:none}@media(max-width:600px){.replace-qr-upload.has-preview{align-items:center;flex-direction:column}.replace-qr-upload.has-preview>span{align-items:center;text-align:center}.submitted-image-actions{display:inline-flex;align-items:center}.replace-qr-trigger{justify-content:center}}
.result-expiry{margin:14px 0 0!important;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;background:#eef5ff;color:#45628f}.result-expiry span{font-size:11px}.result-expiry strong{font-size:13px;color:#2459ae}
.audit-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-52px 0 14px}.audit-actions form{margin:0}
@media(max-width:920px){.sidebar-collapse{display:none}.sidebar-collapsed .sidebar{width:248px}.sidebar-collapsed .main-area{margin-left:0}.sidebar-collapsed .brand{padding:0 24px}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .nav-item>span:last-child,.sidebar-collapsed .nav-caption,.sidebar-collapsed .user-meta{display:flex}.sidebar-collapsed .nav-caption{display:block}.sidebar-collapsed .nav-list{padding:22px 14px}.sidebar-collapsed .nav-item{padding:0 13px;justify-content:flex-start}.sidebar-collapsed .sidebar-foot{margin:0 14px 16px;padding:13px 12px;flex-direction:row}.alert-sound-editor{grid-template-columns:auto 1fr}.alert-sound-editor audio,.alert-sound-editor>small{grid-column:1/-1}.audit-actions{margin:0 0 14px}}
@media(max-width:700px){.sound-enable-button{display:none}}@media(max-width:600px){.qr-upload-box.has-preview .qr-upload-content{padding:190px 18px 20px;align-items:center;text-align:center}.qr-upload-preview{left:50%;transform:translateX(-50%)}.alert-sound-editor{grid-template-columns:1fr}.sound-glyph{display:none}.alert-sound-editor audio,.alert-sound-editor>small{grid-column:auto}.submitted-image img{width:100%}}

/* V1.5 white realtime notices, fixed logo and clearer typography */
.brand-mark.has-logo,.brand-mark.has-logo img{opacity:1!important;visibility:visible!important;transition:none!important;animation:none!important}.brand-mark.has-logo img{width:100%;height:100%;object-fit:cover}
.task-alert-toast{z-index:120;top:16px;right:18px;width:min(400px,calc(100vw - 32px));padding:15px 17px;color:#18243a;background:#fff;border:1px solid #e1e7f0;box-shadow:0 18px 48px rgba(18,38,73,.2)}.task-alert-toast:hover{color:#18243a;border-color:#cbd8ec;transform:translateY(-1px)}.task-alert-toast>span{width:40px;height:40px;color:var(--brand);background:#edf4ff}.task-alert-toast>span svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.task-alert-toast strong{font-size:15px}.task-alert-toast small{font-size:12px;color:#708098}
.copy-inline{position:relative;max-width:100%;padding:0;border:0;background:transparent;color:var(--brand);font:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.copy-inline:hover{color:#174fbd;text-decoration:underline}.copy-inline.copied{color:#078b5d;text-decoration:none}.mono-link.copy-inline{display:inline-block;width:max-content;max-width:100%}.short-link-cell .short-link-copy{display:block;max-width:220px;font-weight:700}.task-title-copy{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:#14213d}.result-link-copy{display:block;max-width:min(520px,60vw);font-size:13px;color:#087b58;word-break:break-all}.result-link .button.copied{color:#078b5d;border-color:#bfe7d7;background:#effaf6}
body{font-size:15px}.nav-item{font-size:15px}.topbar-title>span{font-size:18px}.topbar-title small{font-size:12px}.page-heading p{font-size:15px}.button{font-size:14px}th{font-size:11px}td{font-size:13px}.mono-link{font-size:12px}.mono-small{font-size:12px}.cell-main small{font-size:11px}.status{font-size:11px}.table-action{font-size:13px}.filter-count,.list-meta-bar{font-size:12px}.product-option strong{font-size:13px}.product-option small{font-size:10px}.selected-product-summary small{font-size:11px}label{font-size:13px}.data-description dt{font-size:11px}.data-description dd{font-size:14px}.attachment-row{font-size:12px}.timeline strong{font-size:12px}.timeline p{font-size:11px}.timeline small{font-size:10px}.notice-content,.login-notice-list p{font-size:13px}.settings-copy p{font-size:12px}.service-card>p{font-size:12px}
@media(max-width:700px){.task-alert-toast{top:10px;right:10px;width:calc(100vw - 20px)}.task-alert-toast strong{font-size:14px}.task-alert-toast small{font-size:11px}}

/* V1.6 instant business icons and stronger task selector text */
.product-image,.service-avatar,.selected-product-icon{opacity:1!important;visibility:visible!important;transition:none!important;animation:none!important}.product-option strong{font-size:15px;line-height:1.35}.product-option small{font-size:12px;line-height:1.45}.selected-product-summary strong{font-size:16px}.selected-product-summary small{font-size:12px}.selected-product-identity>div{min-width:0}.login-copy-grid textarea{min-height:82px}

/* V1.7 per-agent product pricing */
.agent-price-list{max-height:42vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.agent-price-row{padding:12px 13px;display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:16px;border:1px solid #e4e9f1;border-radius:10px;background:#f9fbfe}.agent-price-row>span{min-width:0}.agent-price-row strong,.agent-price-row small{display:block}.agent-price-row strong{font-size:14px;color:#24344e}.agent-price-row small{margin-top:5px;font-size:11px;color:#8290a4}.agent-price-row input{height:40px;text-align:center;font-weight:750;color:var(--brand)}@media(max-width:600px){.agent-price-row{grid-template-columns:1fr}.agent-price-row input{width:100%}}
.agent-price-row.is-taobao-short-link{border-color:#ffd9ba;background:linear-gradient(135deg,#fff,#fff7ef)}.agent-price-business-state{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:20px;font-size:9px;font-style:normal;vertical-align:2px}.agent-price-business-state.is-online{color:#078b5d;background:#e4f8ef}.agent-price-business-state.is-paused{color:#bd5a14;background:#fff0e4}
.price-account-picker{position:relative;margin-top:7px}.price-account-picker>input[type=search]{width:100%;height:46px;padding:0 44px 0 14px;border:1px solid #cbd8ec;border-radius:12px;background:#fff;color:#1f3355;font-weight:650;outline:0;transition:border-color .2s ease,box-shadow .2s ease}.price-account-picker>input[type=search]:focus{border-color:#4f86ef;box-shadow:0 0 0 4px rgba(65,121,230,.12)}.price-account-options{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 7px);max-height:250px;padding:7px;overflow:auto;border:1px solid #d5e0f0;border-radius:13px;background:#fff;box-shadow:0 18px 44px rgba(31,51,85,.2)}.price-account-options button{width:100%;padding:10px 12px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:#263b5c;text-align:left;cursor:pointer}.price-account-options button:hover,.price-account-options button.is-active{background:#edf5ff;color:#1768dc}.price-account-options button strong{font-size:13px}.price-account-options button small{color:#8a98ac;font-size:10px}.price-account-options>p{margin:0;padding:18px;text-align:center;color:#8a98ac;font-size:12px}
.automation-service-orb.is-agent-pricing-permission{border-color:#e1d9fb;background:linear-gradient(150deg,#fff 18%,#f6f1ff 100%);box-shadow:0 18px 42px rgba(103,69,188,.12),inset 0 0 0 8px rgba(255,255,255,.76)}.automation-service-orb.is-agent-pricing-permission:before{border-color:rgba(119,77,205,.2)}.automation-service-orb.is-agent-pricing-permission:hover{border-color:#c8b7f2;box-shadow:0 24px 52px rgba(103,69,188,.18),inset 0 0 0 8px rgba(255,255,255,.82)}.automation-service-orb.is-agent-pricing-permission .automation-orb-icon,.automation-dialog-icon.is-agent-pricing-permission{background:linear-gradient(145deg,#8b64e8,#6241bc);box-shadow:0 11px 25px rgba(102,67,188,.28)}.automation-service-orb.is-agent-pricing-permission .automation-orb-action{color:#704bc8}.agent-pricing-orb-status{position:relative;margin-top:8px;padding:4px 9px;border-radius:999px;background:#f0edf7;color:#84789b;font-size:9px;font-weight:800}.agent-pricing-orb-status.is-enabled{background:#e5f8ef;color:#078b5d}.agent-pricing-permission-body{display:grid;gap:18px}.agent-pricing-permission-notice{padding:16px;border:1px solid #bfe8d4;border-radius:14px;display:flex;align-items:flex-start;gap:12px;background:#effbf5;color:#39715b}.agent-pricing-permission-notice>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:#17ad72;color:#fff;font-weight:900}.agent-pricing-permission-notice p{margin:1px 0 0;line-height:1.7;font-size:12px}.agent-pricing-permission-switch{padding:18px;border:1px solid #d9e3f1;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}.agent-pricing-permission-switch>span:first-child strong,.agent-pricing-permission-switch>span:first-child small{display:block}.agent-pricing-permission-switch>span:first-child strong{color:#1f3355;font-size:15px}.agent-pricing-permission-switch>span:first-child small{margin-top:6px;color:#8190a5;font-size:11px;line-height:1.6}.agent-pricing-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.agent-pricing-rule-grid article{padding:16px;border:1px solid #e0e7f2;border-radius:14px;background:#f9fbfe}.agent-pricing-rule-grid article>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eee8ff;color:#704bc8;font-size:12px;font-weight:900}.agent-pricing-rule-grid strong,.agent-pricing-rule-grid small{display:block}.agent-pricing-rule-grid strong{margin-top:10px;color:#263a5b;font-size:13px}.agent-pricing-rule-grid small{margin-top:5px;color:#8492a6;font-size:10px;line-height:1.55}@media(max-width:760px){.agent-pricing-rule-grid{grid-template-columns:1fr}.agent-pricing-permission-switch{align-items:flex-start}}
.login-notice-time{display:block;margin:-2px 0 8px;color:#94a0b2;font-size:11px}
/* V2.0 navigation feedback and account remarks */
.remark-cell{min-width:120px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#65748a}
.account-remark-button{max-width:100%;padding:5px 4px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#50627c;font:inherit;cursor:pointer;vertical-align:middle}.account-remark-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-remark-button i{flex:0 0 auto;color:#1670ef;font-size:15px;font-style:normal;font-weight:900;line-height:1;transition:transform .18s ease,color .18s ease}.account-remark-button.is-empty{color:#8a99ad}.account-remark-button:hover,.account-remark-button:focus-visible{color:#1769dc;outline:0}.account-remark-button:hover i,.account-remark-button:focus-visible i{color:#075fe0;transform:translateY(-1px) rotate(-7deg)}.account-remark-dialog{width:min(500px,calc(100vw - 28px))}
html.is-navigating body:before{content:"";position:fixed;z-index:999;top:0;left:0;height:3px;width:42%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,var(--brand),#75a2ff);box-shadow:0 2px 8px rgba(37,99,235,.25);animation:navigationProgress .75s ease-out infinite}
@keyframes navigationProgress{0%{transform:translateX(-105%)}100%{transform:translateX(245%)}}
@media(max-width:700px){.remark-cell{min-width:105px;max-width:150px}}

/* V2.5 per-business input prompt and clearer task field labels */
.dynamic-fields>label{font-size:15px}.dynamic-fields>label>small{font-size:12px}

/* V2.6 agent user management and per-business submit notice */
.inline-action-form{margin:0}.task-submit-notice-dialog{width:min(520px,calc(100vw - 28px))}.task-submit-notice{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;padding:17px 18px;border:1px solid #dbe6f8;border-radius:12px;background:#f5f8ff}.task-submit-notice>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e4edff;color:var(--brand);font-size:20px;font-weight:850}.task-submit-notice p{margin:0;color:#42536d;font-size:14px;line-height:1.85;white-space:pre-wrap;word-break:break-word}
.task-scan-confirm-dialog{width:min(560px,calc(100vw - 24px))}.task-scan-confirm-dialog .dialog-form{padding:26px}.task-scan-safety{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px solid #ccebdc;border-radius:12px;background:#f1fbf6}.task-scan-safety>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#19a96b;font-size:17px;font-weight:850}.task-scan-safety p{margin:0;color:#3e5c4f;font-size:13px;line-height:1.75}.task-scan-safety strong{color:#087a48}.task-scan-qr-shell{margin-top:16px;padding:22px 18px;text-align:center;border:1px dashed #b7ccef;border-radius:14px;background:#f7faff}.task-scan-qr{position:relative;width:236px;height:236px;min-height:0;margin:0 auto;padding:8px;display:grid;place-items:center;overflow:hidden;border:1px solid #e1e8f3;border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(37,99,235,.09)}.task-scan-qr canvas{display:block!important;width:220px!important;height:220px!important}.task-scan-qr img{display:none!important}.task-scan-qr-shell p{margin:14px 0 4px;color:#233a5c;font-size:14px;font-weight:800}.task-scan-qr-shell small{color:#8492a6;font-size:11px}.task-scan-validity strong{color:#2671e8;font-size:12px;font-variant-numeric:tabular-nums}.task-scan-qr-shell.is-expired{border-color:#f3b8b3;background:#fff8f7}.task-scan-qr-shell.is-expired .task-scan-qr{border-color:#f1c9c5;background:#fff}.task-scan-qr-shell.is-expired .task-scan-qr:after{content:"二维码已失效";position:absolute;inset:0;display:grid;place-items:center;color:#c43b32;background:rgba(255,255,255,.94);font-size:16px;font-weight:850}.task-scan-qr-shell.is-expired .task-scan-validity strong{color:#c43b32}.task-scan-error{margin:12px 0 0;padding:10px 12px;border-radius:9px;color:#b42318;background:#fff0ef;font-size:12px}.task-scan-actions{justify-content:space-between}.task-scan-actions .button-primary{width:auto;min-width:0;flex:0 0 auto}.task-scan-actions .button-primary:disabled{color:#fff;background:#b9c2cf;box-shadow:none;cursor:not-allowed}@media(max-width:600px){.task-scan-confirm-dialog .dialog-form{padding:20px 16px}.task-scan-qr-shell{padding:16px 10px}.task-scan-qr{width:216px;height:216px;min-height:0}.task-scan-qr canvas{width:200px!important;height:200px!important}.task-scan-actions{align-items:stretch;flex-direction:column-reverse}.task-scan-actions .button{width:100%;min-width:0}}

/* V2.7 permanent user deletion and historical cleanup */
.purge-users-action{padding-top:14px;border-top:1px solid #e7ecf3}.purge-users-action .button{min-width:220px}

/* V2.8 submitted URL copy controls */
.submitted-url-copy{display:flex;align-items:center;gap:9px;max-width:100%}.submitted-url-value{min-width:0;max-width:min(620px,calc(100% - 72px));font-size:13px;font-weight:600}.submitted-url-button{height:32px;min-width:62px;padding:0 12px;flex:0 0 auto;font-size:12px}.submitted-url-button.copied{color:#078b5d;border-color:#bfe7d7;background:#effaf6}@media(max-width:600px){.submitted-url-copy{align-items:flex-start;flex-direction:column}.submitted-url-value{max-width:100%;white-space:normal;word-break:break-all}.submitted-url-button{height:34px}}

/* V2.9 configurable dashboard quick actions */
.quick-actions-panel{margin-top:20px;overflow:hidden;scroll-margin-top:90px;border-color:#d9e5fb}.quick-actions-head{min-height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#f5f8ff,#eef4ff);border-bottom:1px solid #e5ecf8}.quick-actions-head>div{display:flex;align-items:center;gap:10px}.quick-actions-head h2{margin:0;font-size:17px}.quick-actions-head>a{font-size:12px;color:var(--brand);font-weight:750}.quick-actions-title-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--brand)}.quick-actions-title-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.quick-actions-grid{padding:20px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.quick-action-card{min-width:0;min-height:184px;padding:20px 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px solid #dbe5f7;border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(34,74,145,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.quick-action-card:hover{transform:translateY(-3px);border-color:#aecaFA;box-shadow:0 14px 30px rgba(37,99,235,.12)}.quick-action-avatar{width:56px;height:56px;display:grid;place-items:center;margin-bottom:15px;border:2px solid #c8dbff;border-radius:50%;color:var(--brand);background:linear-gradient(145deg,#edf4ff,#dfeaff)}.quick-action-avatar svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.quick-action-card strong{max-width:100%;color:#17243b;font-size:15px;line-height:1.4}.quick-action-card small{max-width:100%;min-height:34px;margin-top:9px;color:#3f75dd;font-size:11px;line-height:1.55}.quick-actions-empty{padding:48px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#8996a9}.quick-actions-empty strong{color:#4d5d75}.quick-actions-empty span{font-size:12px}.quick-action-editors{display:flex;flex-direction:column;gap:12px}.quick-action-editor{padding:15px;border:1px solid #e0e7f1;border-radius:12px;background:#f9fbfe}.quick-action-editor-head{display:flex;align-items:center;gap:12px}.quick-action-editor-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #c8dafb;border-radius:50%;color:var(--brand);background:#eaf2ff}.quick-action-editor-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.quick-action-editor-head>div{min-width:0;margin-right:auto}.quick-action-editor-head strong,.quick-action-editor-head small{display:block}.quick-action-editor-head strong{font-size:13px}.quick-action-editor-head small{margin-top:4px;color:#8b98aa;font-size:10px}.quick-action-toggle{display:flex;align-items:center;flex-direction:row;gap:7px;white-space:nowrap}.quick-action-toggle input[type=checkbox]{width:17px;height:17px;padding:0;accent-color:var(--brand)}.quick-action-editor-fields{margin-top:14px;padding-top:14px;border-top:1px solid #e8edf4}.quick-action-editor-fields input,.quick-action-editor-fields select{background:#fff}@media(max-width:1250px){.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.quick-actions-head{padding:0 16px}.quick-actions-head>a{display:none}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:10px}.quick-action-card{min-height:166px;padding:16px 9px}.quick-action-avatar{width:50px;height:50px}.quick-action-editor-head{align-items:flex-start;flex-wrap:wrap}.quick-action-toggle{margin-left:auto}}@media(max-width:430px){.quick-actions-grid{grid-template-columns:1fr}.quick-action-card{min-height:150px}.quick-action-card small{min-height:0}}

/* V2.10 task submission agreement */
.task-submit-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0}.user-agreement-check{display:flex;align-items:center;gap:6px;color:#44546d;font-size:13px;white-space:nowrap}.user-agreement-check input[type=checkbox]{width:17px;height:17px;padding:0;margin:0;accent-color:var(--brand);cursor:pointer}.user-agreement-check label{display:inline;color:#44546d;font-size:13px;font-weight:500;cursor:pointer}.user-agreement-check a{color:var(--brand);font-size:13px;font-weight:700}.user-agreement-check a:hover{text-decoration:underline}.task-create-submit:disabled,.task-create-submit:disabled:hover{opacity:1!important;color:#fff;background:#c8d0dc;box-shadow:none;transform:none;cursor:not-allowed}@media(max-width:760px){.submit-bar{align-items:stretch;flex-direction:column;gap:14px}.task-submit-actions{align-items:stretch;flex-direction:column;gap:12px}.user-agreement-check{justify-content:flex-end;white-space:normal}.task-create-submit{width:100%}}

/* V2.11 task batch selection */
.task-select-table tr[data-selectable-row]{cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease}
.task-select-table tr[data-selectable-row].is-selected,.task-select-table tr[data-selectable-row].is-selected:hover{background:#edf5ff;box-shadow:inset 3px 0 0 var(--brand)}
.task-select-table tr[data-selectable-row].is-selected td{border-bottom-color:#dbe9ff}
.task-select-table .check-col input{cursor:pointer}

/* V2.13 result image delivery */
.result-image-upload{position:relative;min-height:126px;display:flex;align-items:center;justify-content:center;padding:14px;border:1.5px dashed #b9c9e4;border-radius:13px;background:linear-gradient(145deg,#f8fbff,#f2f6fd);overflow:hidden;transition:.2s}.result-image-upload:hover{border-color:var(--brand);background:#f3f7ff}.result-image-upload>input{position:absolute!important;z-index:3;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.result-image-upload>span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-align:center}.result-image-upload>span b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--brand);background:#fff;font-size:21px;box-shadow:0 7px 20px rgba(37,99,235,.12)}.result-image-upload>span strong{color:#31435f;font-size:13px}.result-image-upload>span small{color:#8592a6;font-size:10px}.result-image-upload>img{width:108px;height:108px;flex:0 0 108px;object-fit:contain;border:1px solid #dfe7f1;border-radius:11px;background:#fff}.result-image-upload.has-preview{justify-content:flex-start;gap:15px}.result-image-upload.has-preview>span{align-items:flex-start;text-align:left}.result-image-upload.has-preview>span b{display:none}.result-image-gallery{margin-top:20px}.result-image-gallery>span{display:block;margin-bottom:8px;color:#72867e;font-size:11px;font-weight:750}.result-image-gallery>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,260px));gap:12px}.result-image-card{position:relative;display:block;padding:9px;border:1px solid #d8e9e2;border-radius:13px;background:#fff;overflow:hidden;transition:.18s}.result-image-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(22,91,68,.12)}.result-image-card img{display:block;width:100%;height:220px;object-fit:contain;border-radius:9px;background:#f5f8f7}.result-image-card small{position:absolute;right:16px;bottom:16px;padding:6px 9px;border-radius:7px;color:#fff;background:rgba(18,45,36,.78);font-size:10px}

/* V2.13 sidebar menu order editor */
.menu-order-editor{grid-column:1/-1;padding:14px;border:1px solid #e1e7ef;border-radius:13px;background:#f8faff}.menu-order-help{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}.menu-order-help strong{display:block;color:#35465f;font-size:13px}.menu-order-help small{display:block;margin-top:4px;color:#8492a6;font-size:11px;font-weight:400}.menu-order-list{display:flex;flex-direction:column;gap:7px}.menu-order-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;transition:.15s}.menu-order-row.is-dragging{opacity:.45;border-color:var(--brand)}.menu-order-row.is-disabled{background:#f1f3f6;border-style:dashed;opacity:.7}.menu-order-drag{width:30px;height:30px;border:0;border-radius:7px;color:#78879c;background:#edf2f8;font-size:16px;cursor:grab}.menu-order-drag:active{cursor:grabbing}.menu-order-copy{min-width:0}.menu-order-copy strong,.menu-order-copy code{display:block}.menu-order-copy strong{color:#33445e;font-size:13px}.menu-order-copy code{margin-top:2px;color:#8a97a9;font-size:10px}.menu-order-move{display:flex;gap:5px}.menu-order-move button{width:31px;height:31px;border:1px solid #dce4ee;border-radius:7px;color:#56677f;background:#fff;cursor:pointer}.menu-order-move button:hover{color:var(--brand);border-color:#b9cef4;background:#f3f7ff}.menu-order-toggle{display:flex;align-items:center;flex-direction:row;gap:6px;white-space:nowrap;font-weight:650}.menu-order-toggle input{width:16px;height:16px;padding:0;accent-color:var(--brand)}.menu-order-preview{display:block;margin-top:10px;padding:8px 10px;border-radius:8px;color:#64748b;background:#eef3f9;font-family:Consolas,monospace;font-size:10px;word-break:break-all}@media(max-width:600px){.result-image-upload.has-preview{align-items:center;flex-direction:column}.result-image-upload.has-preview>span{align-items:center;text-align:center}.result-image-gallery>div{grid-template-columns:1fr}.menu-order-row{grid-template-columns:30px minmax(0,1fr) auto}.menu-order-move{display:none}.menu-order-toggle{grid-column:2/4;justify-content:flex-end}}

/* V2.16 result delivery upload and full short-link display */
.result-image-upload{min-height:188px;padding:22px;border:1.5px dashed #9fbcf3;border-radius:15px;background:#f5f8ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)}
.result-image-upload:hover{border-color:var(--brand);background:#eef4ff;box-shadow:0 10px 28px rgba(37,99,235,.09)}
.result-image-upload>input{position:absolute!important;z-index:4;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;cursor:pointer!important;appearance:none!important}
.result-image-upload>span{gap:8px;pointer-events:none}
.result-image-upload>span b{width:48px;height:48px;border-radius:13px;color:var(--brand);background:#fff;box-shadow:0 8px 24px rgba(37,99,235,.14)}
.result-image-upload>span b svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.result-image-upload>span strong{font-size:14px}
.result-image-upload>span small{font-size:11px}
.result-image-upload>img{width:150px;height:150px;flex-basis:150px}
.result-image-upload.has-preview{justify-content:flex-start;gap:20px;background:#f8fbff}
.result-image-gallery>span{color:#48695e;font-size:13px}
.result-image-gallery>div{grid-template-columns:repeat(auto-fit,minmax(220px,340px))}
.result-image-card img{height:auto;min-height:220px;max-height:440px}
.short-link-cell{min-width:300px;max-width:440px}
.short-link-cell .short-link-copy{display:block;width:100%;max-width:none;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-all;line-height:1.55}
@media(max-width:700px){.result-image-upload{min-height:160px}.short-link-cell{min-width:260px;max-width:320px}}

/* V2.17 product result quick replies, persistent auto mode and free-form task input */
.quick-reply-dialog{width:min(920px,calc(100vw - 28px))}.quick-reply-dialog .dialog-form{max-height:88vh;overflow-y:auto}.quick-reply-help{padding:14px 16px;border:1px solid #dce8f8;border-radius:11px;background:#f5f8ff}.quick-reply-help strong{display:block;color:#2c456d;font-size:13px}.quick-reply-help p{margin:5px 0 0;color:#718199;font-size:11px;line-height:1.7}.quick-reply-list{display:flex;flex-direction:column;gap:13px}.quick-reply-editor{padding:16px;border:1px solid #dee6f0;border-radius:13px;background:#f9fbfe}.quick-reply-editor-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.quick-reply-editor-head strong{color:#2d3e58;font-size:14px}.quick-reply-fields{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px}.quick-reply-enable{justify-content:flex-end}.quick-reply-enable>span{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #dce4ee;border-radius:9px;background:#fff;color:#506079;font-size:12px;white-space:nowrap}.quick-reply-enable input[type=checkbox],.quick-reply-bindings input[type=checkbox]{width:16px;height:16px;padding:0;margin:0;accent-color:var(--brand)}.quick-reply-bindings{min-width:0;margin:0;padding:12px;border:1px solid #e0e7f0;border-radius:10px;background:#fff}.quick-reply-bindings legend{padding:0 6px;color:#65758c;font-size:11px;font-weight:750}.quick-reply-bindings>div{display:flex;flex-wrap:wrap;gap:8px}.quick-reply-bindings label{display:flex;align-items:center;flex-direction:row;gap:7px;padding:8px 10px;border:1px solid #e0e7f0;border-radius:8px;color:#465873;background:#f8faff;font-size:11px;cursor:pointer}.quick-reply-bindings label:has(input:checked){border-color:#b8cef8;color:#2058bd;background:#edf4ff}.quick-reply-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.quick-reply-toolbar small{color:#8794a7;font-size:10px}.result-description-field{display:flex;flex-direction:column;gap:8px}.result-description-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.result-description-head>label{font-size:13px}.result-auto-control{display:flex;align-items:center;gap:9px}.result-auto-control>span{color:#78879b;font-size:10px;white-space:nowrap}.result-auto-switch{position:relative;width:44px;height:25px;display:inline-flex;flex:0 0 44px;cursor:pointer}.result-auto-switch input{position:absolute;width:1px;height:1px;padding:0;opacity:0;pointer-events:none}.result-auto-switch i{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px rgba(15,23,42,.05);transition:.2s}.result-auto-switch i:after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.22);transition:.2s}.result-auto-switch input:checked+i{background:#18a96b}.result-auto-switch input:checked+i:after{transform:translateX(19px)}.result-auto-switch input:focus-visible+i{box-shadow:0 0 0 3px rgba(24,169,107,.18)}.result-auto-switch:has(input:disabled){cursor:not-allowed;opacity:.62}.result-description-field textarea.is-auto-reply,.result-description-field textarea[readonly]{border-color:#bfe5d2;background:#f2fbf7;color:#245b43}
@media(max-width:700px){.quick-reply-fields{grid-template-columns:1fr}.quick-reply-enable{justify-content:flex-start}.quick-reply-enable>span{justify-content:flex-start}.quick-reply-toolbar{align-items:stretch;flex-direction:column}.result-description-head{align-items:flex-start;flex-direction:column}.result-auto-control{width:100%;justify-content:space-between}}

/* V2.18 result field headings, free-form result content and expiry visibility */
.result-form-field{display:flex;flex-direction:column;gap:8px}.result-form-field-head{min-height:25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.result-form-field-head>label{display:block;color:#485870;font-size:13px;font-weight:700}.result-form-field-head>small{margin-left:auto;color:#95a1b2;font-size:10px}.result-expiry-setting{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:9px}.result-expiry-setting>small,.result-expiry-setting>span{color:#95a1b2;font-size:10px;white-space:nowrap}.result-expiry-setting .result-auto-switch{margin-left:2px}.result-form-field input[type=text]{line-height:1.45}.result-form-field.is-no-expiry input[type=date]{border-color:#e2e8f0;background:#f5f7fa;color:#a3adba;cursor:not-allowed}
@media(max-width:520px){.result-form-field-head{align-items:flex-start}.result-expiry-setting{align-items:flex-end;flex-direction:column-reverse;gap:5px}.result-expiry-setting>small{white-space:normal;text-align:right}}

/* V2.21 server-side task automation center */
.automation-summary{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid #cfe9dd;border-radius:10px;color:#14865a;background:#effaf5;font-size:11px;font-weight:750}.automation-layout{display:flex;flex-direction:column;gap:18px}.automation-api-card,.automation-products-card{overflow:hidden}.automation-api-fields{padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.automation-api-fields input[readonly]{color:#5e6c80;background:#f5f7fa}.automation-clear-key{grid-column:1/-1;display:flex;align-items:center;flex-direction:row;gap:8px;width:max-content;color:#b03a3f}.automation-clear-key input{width:16px;height:16px;padding:0;accent-color:#d64247}.automation-security-note{margin:0 22px 22px}.automation-products-card .card-header>small{color:#8794a7;font-size:10px}.automation-product-list{padding:18px 22px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.automation-product{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid #e0e6ee;border-radius:13px;background:#f9fbfd;transition:.18s}.automation-product.is-automatic{border-color:#bfe7d5;background:#f1fbf6;box-shadow:0 8px 22px rgba(19,143,93,.06)}.automation-product.is-unavailable{opacity:.62;background:#f2f4f7}.automation-product-copy{min-width:0}.automation-product-copy>span,.automation-product-copy>strong,.automation-product-copy>small{display:block}.automation-product-copy>span{color:#8290a4;font-family:Consolas,monospace;font-size:9px}.automation-product-copy>strong{margin-top:5px;color:#273951;font-size:14px}.automation-product-copy>small{margin-top:6px;color:#76869b;font-size:10px;line-height:1.55}.automation-mode-control{display:flex;align-items:center;gap:10px;flex:0 0 auto}.automation-mode-control>b{min-width:40px;color:#68778d;font-size:11px;text-align:right}.automation-product.is-automatic .automation-mode-control>b{color:#138859}.automation-save{margin-top:0}.automation-save .button{min-width:126px}@media(max-width:800px){.automation-api-fields,.automation-product-list{grid-template-columns:1fr}.automation-summary{align-self:flex-start}.automation-save{align-items:stretch;flex-direction:column;gap:11px}.automation-save .button{width:100%}}@media(max-width:500px){.automation-api-fields,.automation-product-list{padding-left:15px;padding-right:15px}.automation-security-note{margin-left:15px;margin-right:15px}.automation-product{align-items:flex-start;flex-direction:column}.automation-mode-control{width:100%;justify-content:flex-end}}

/* V2.22 expandable configuration hub and per-business API credentials */
.automation-page-heading{align-items:center}
.automation-launchpad{position:relative;min-height:330px;padding:27px 30px 34px;overflow:hidden;background:radial-gradient(circle at 88% 8%,rgba(75,126,245,.12),transparent 32%),linear-gradient(145deg,#fff 0%,#f8fbff 100%)}
.automation-launchpad:before,.automation-launchpad:after{content:"";position:absolute;border:1px solid rgba(70,116,221,.09);border-radius:50%;pointer-events:none}
.automation-launchpad:before{width:260px;height:260px;right:-95px;top:-130px}
.automation-launchpad:after{width:170px;height:170px;right:-42px;top:-76px}
.automation-launchpad-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.automation-launchpad-head h2{margin:6px 0 7px;color:#1d2c45;font-size:19px}
.automation-launchpad-head p{margin:0;color:#8190a6;font-size:11px;line-height:1.7}
.automation-launchpad-count{padding:7px 10px;border:1px solid #dce5f4;border-radius:999px;color:#667791;background:rgba(255,255,255,.75);font-size:10px;font-weight:750}
.automation-orb-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,220px));gap:26px;margin-top:25px}
.xianyu-repeat-claim-setting{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;border:1px solid #f0dec0;border-radius:15px;background:#fffaf2}.xianyu-repeat-claim-setting>span:first-child{min-width:0}.xianyu-repeat-claim-setting strong,.xianyu-repeat-claim-setting small{display:block}.xianyu-repeat-claim-setting strong{color:#263a59;font-size:14px}.xianyu-repeat-claim-setting small{margin-top:6px;color:#8290a4;font-size:11px;line-height:1.6}.xianyu-repeat-claim-switch{position:relative;display:block;width:48px;height:28px;flex:0 0 48px}.xianyu-repeat-claim-switch input{position:absolute;opacity:0;pointer-events:none}.xianyu-repeat-claim-switch i{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px rgba(91,111,139,.08);transition:.22s;cursor:pointer}.xianyu-repeat-claim-switch i:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(27,45,74,.22);transition:.22s}.xianyu-repeat-claim-switch input[type=checkbox]:checked+i{background:#14aa72}.xianyu-repeat-claim-switch input[type=checkbox]:checked+i:after{transform:translateX(20px)}@media(max-width:600px){.xianyu-repeat-claim-setting{align-items:flex-start}.xianyu-repeat-claim-switch{margin-top:2px}}
.automation-service-orb{position:relative;width:220px;height:220px;padding:28px 22px;border:1px solid #d7e3f7;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#1f3355;background:linear-gradient(150deg,#fff 18%,#edf4ff 100%);box-shadow:0 18px 42px rgba(31,72,146,.13),inset 0 0 0 8px rgba(255,255,255,.72);cursor:pointer;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.automation-service-orb:before{content:"";position:absolute;inset:13px;border:1px dashed rgba(55,108,226,.18);border-radius:50%}
.automation-service-orb:hover{transform:translateY(-5px);border-color:#aac3f3;box-shadow:0 24px 52px rgba(31,72,146,.19),inset 0 0 0 8px rgba(255,255,255,.78)}
.automation-service-orb:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(37,99,235,.2),0 24px 52px rgba(31,72,146,.19)}
.automation-orb-glow{position:absolute;width:110px;height:110px;top:-28px;right:-15px;border-radius:50%;background:rgba(64,117,239,.12);filter:blur(2px)}
.automation-orb-icon{position:relative;width:54px;height:54px;margin-bottom:13px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#2f74ef,#2458c7);font-size:20px;font-weight:850;box-shadow:0 11px 25px rgba(37,99,235,.28)}
.automation-service-orb strong{position:relative;font-size:17px;letter-spacing:.1px}
.automation-service-orb small{position:relative;margin-top:7px;color:#7688a2;font-size:10px}
.automation-orb-action{position:relative;margin-top:15px;display:inline-flex;align-items:center;gap:7px;color:#2764d7;font-size:11px;font-weight:800}
.automation-orb-action b{font-size:15px;transition:transform .2s}
.automation-service-orb:hover .automation-orb-action b{transform:translateX(3px)}
.automation-config-dialog{width:min(1120px,calc(100vw - 28px));max-width:none;max-height:92vh;border-radius:22px;background:#f5f8fc;overflow:hidden}
.automation-config-dialog::backdrop{background:rgba(9,18,35,.64);backdrop-filter:blur(5px)}
.automation-dialog-form{max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.automation-dialog-head{padding:22px 25px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;border-bottom:1px solid #e5eaf2;background:#fff}
.automation-dialog-brand{display:flex;align-items:flex-start;gap:15px;min-width:0}
.automation-dialog-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#347bf2,#2357c2);font-size:18px;font-weight:850;box-shadow:0 10px 24px rgba(37,99,235,.22)}
.automation-dialog-brand h2{margin:4px 0 5px;color:#1d2e49;font-size:21px}
.automation-dialog-brand p{max-width:710px;margin:0;color:#7d8ca2;font-size:11px;line-height:1.65}
.automation-dialog-head>button{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:11px;color:#718098;background:#f1f4f8;font-size:21px;cursor:pointer}
.automation-dialog-head>button:hover{color:#2c3e5b;background:#e8edf5}
.automation-dialog-body{padding:20px 24px 25px;overflow:auto}
.automation-endpoint-panel{padding:15px 17px;border:1px solid #dfe7f2;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff}
.automation-endpoint-panel>div{min-width:0}
.automation-endpoint-panel>div span,.automation-endpoint-panel>div strong{display:block}
.automation-endpoint-panel>div span{margin-bottom:5px;color:#8794a7;font-size:9px;font-weight:750;letter-spacing:.7px}
.automation-endpoint-panel>div strong{color:#3d4f69;font-family:Consolas,monospace;font-size:12px;word-break:break-all}
.automation-endpoint-lock{flex:0 0 auto;padding:7px 10px;border-radius:8px;color:#557199;background:#edf3fb;font-size:10px;font-weight:750}
.automation-security-strip{margin-top:13px;padding:13px 15px;border:1px solid #cfe8dc;border-radius:12px;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:start;gap:11px;background:#f0faf5}
.automation-security-strip>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#18a96b;font-size:14px;font-weight:850}
.automation-security-strip p{margin:0;color:#527063;font-size:11px;line-height:1.7}
.automation-security-strip strong{color:#14784f}
.automation-business-section{margin-top:22px}
.automation-business-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:13px}
.automation-business-heading h3{margin:5px 0 0;color:#20324e;font-size:17px}
.automation-business-heading>small{color:#8795a8;font-size:10px}
.automation-business-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.automation-business-card{min-width:0;padding:17px;border:1px solid #dfe6ef;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(34,58,95,.045);transition:border-color .2s,background .2s,box-shadow .2s}
.automation-business-card.is-automatic,.automation-business-card:has(.result-auto-switch input:checked){border-color:#b8e4ce;background:linear-gradient(145deg,#fff 0%,#f2fbf7 100%);box-shadow:0 9px 24px rgba(19,143,93,.07)}
.automation-business-card.is-unavailable{background:#f3f5f8;opacity:.68;box-shadow:none}
.automation-business-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.automation-business-copy{min-width:0}
.automation-business-copy>span,.automation-business-copy>strong{display:block}
.automation-business-copy>span{color:#8794a7;font-family:Consolas,monospace;font-size:9px}
.automation-business-copy>strong{margin-top:5px;color:#263953;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.automation-business-card:has(.result-auto-switch input:checked) .automation-mode-control>b{color:#138859}
.automation-key-state{margin-top:14px;display:flex;align-items:center;gap:7px;color:#8b6c42;font-size:10px;font-weight:750}
.automation-key-state>span{width:7px;height:7px;border-radius:50%;background:#daa75e;box-shadow:0 0 0 3px #fff2df}
.automation-key-state.is-ready{color:#18805b}
.automation-key-state.is-ready>span{background:#18ad76;box-shadow:0 0 0 3px #def7ed}
.automation-key-state.is-error{color:#b44047}
.automation-key-state.is-error>span{background:#df555c;box-shadow:0 0 0 3px #ffe6e7}
.automation-key-field{margin-top:11px;display:block}
.automation-key-field>span{display:block;margin-bottom:7px;color:#53647b;font-size:11px;font-weight:750}
.automation-key-field input{height:42px;font-family:Consolas,monospace;font-size:11px}
.automation-key-field small{display:block;margin-top:7px;color:#8794a6;font-size:9px;line-height:1.65}
.automation-business-foot{min-height:28px;margin-top:12px;padding-top:11px;border-top:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:12px}
.automation-fixed-mode{color:#76869b;font-size:9px}
.automation-fixed-mode b{margin-right:4px;padding:4px 6px;border-radius:6px;color:#375f9f;background:#edf3fb;font-size:8px}
.automation-clear-key{grid-column:auto;margin:0;display:inline-flex;align-items:center;flex-direction:row;gap:6px;width:max-content;color:#b03a3f;font-size:9px;font-weight:650;cursor:pointer}
.automation-clear-key input{width:14px;height:14px;margin:0;padding:0;accent-color:#d64247}
.automation-unavailable-note{margin-top:15px;padding:12px;border-radius:10px;display:flex;align-items:center;gap:9px;color:#7d899a;background:#e9edf2}
.automation-unavailable-note>span{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#8390a2;background:#fff;font-weight:850}
.automation-unavailable-note p{margin:0;font-size:10px}
.automation-dialog-actions{padding:14px 22px;border-top:1px solid #dfe5ee;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.97);box-shadow:0 -8px 24px rgba(25,43,75,.05)}
.automation-dialog-actions>span{color:#7e8da2;font-size:10px;line-height:1.55}
.automation-dialog-actions>div{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.automation-dialog-actions .button-primary{min-width:138px}
@media(max-width:900px){
  .automation-business-list{grid-template-columns:1fr}
  .automation-config-dialog{width:min(780px,calc(100vw - 24px))}
}
@media(max-width:700px){
  .automation-page-heading{align-items:flex-start}
  .automation-launchpad{min-height:300px;padding:22px 18px 27px}
  .automation-launchpad-head{align-items:flex-start}
  .automation-launchpad-head p{max-width:310px}
  .automation-orb-grid{grid-template-columns:1fr;justify-items:center}
  .automation-config-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);border-radius:18px}
  .automation-dialog-form{max-height:calc(100dvh - 14px)}
  .automation-dialog-head{padding:18px}
  .automation-dialog-brand{gap:11px}
  .automation-dialog-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  .automation-dialog-brand h2{font-size:18px}
  .automation-dialog-brand p{font-size:10px}
  .automation-dialog-body{padding:16px}
  .automation-endpoint-panel{align-items:flex-start;flex-direction:column}
  .automation-business-heading{align-items:flex-start;flex-direction:column;gap:7px}
  .automation-dialog-actions{padding:13px 16px;align-items:stretch;flex-direction:column}
  .automation-dialog-actions>div{width:100%}
  .automation-dialog-actions .button{flex:1}
}
@media(max-width:430px){
  .automation-service-orb{width:194px;height:194px;padding:24px 18px}
  .automation-orb-icon{width:48px;height:48px;margin-bottom:10px;border-radius:15px}
  .automation-service-orb strong{font-size:15px}
  .automation-orb-action{margin-top:11px}
  .automation-dialog-head{padding:15px}
  .automation-dialog-brand p{display:none}
  .automation-dialog-body{padding:13px}
  .automation-business-card{padding:14px}
  .automation-business-card-head{align-items:flex-start}
  .automation-business-foot{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  .automation-service-orb,.automation-orb-action b,.automation-business-card{transition:none}
}

/* V2.23 per-business instructions, tutorial media and direct Taobao links */
.automation-service-orb.is-instruction{border-color:#d7eadf;background:linear-gradient(150deg,#fff 18%,#effaf5 100%);box-shadow:0 18px 42px rgba(21,121,82,.12),inset 0 0 0 8px rgba(255,255,255,.74)}
.automation-service-orb.is-instruction:before{border-color:rgba(19,143,93,.2)}
.automation-service-orb.is-instruction:hover{border-color:#a9dbc2;box-shadow:0 24px 52px rgba(21,121,82,.18),inset 0 0 0 8px rgba(255,255,255,.8)}
.automation-service-orb.is-instruction .automation-orb-glow{background:rgba(24,169,107,.13)}
.automation-service-orb.is-instruction .automation-orb-icon,.automation-dialog-icon.is-instruction{background:linear-gradient(145deg,#20b276,#118553);box-shadow:0 11px 25px rgba(18,145,92,.25)}
.automation-service-orb.is-instruction .automation-orb-action{color:#14875a}
.instruction-config-dialog{width:min(1050px,calc(100vw - 28px))}
.instruction-guide-strip{padding:14px 16px;border:1px solid #d7e5f8;border-radius:12px;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:start;gap:11px;background:#f5f8ff}
.instruction-guide-strip>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#3d76dc;font-size:14px;font-weight:850}
.instruction-guide-strip p{margin:0;color:#57708f;font-size:11px;line-height:1.75}
.instruction-guide-strip strong{color:#295da9}
.instruction-product-list{margin-top:15px;display:flex;flex-direction:column;gap:14px}
.instruction-product-card{padding:18px;border:1px solid #dfe6ef;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(34,58,95,.045);transition:border-color .2s,background .2s,box-shadow .2s}
.instruction-product-card.has-pending-media{border-color:#b9dfcd;background:linear-gradient(145deg,#fff 0%,#f3fbf7 100%);box-shadow:0 9px 24px rgba(19,143,93,.07)}
.instruction-product-card.is-clearing-media{border-color:#f0c5c7;background:#fffafa}
.instruction-product-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.instruction-product-head>div{min-width:0}
.instruction-product-head>div span,.instruction-product-head>div strong{display:block}
.instruction-product-head>div span{color:#8a97a9;font-family:Consolas,monospace;font-size:9px}
.instruction-product-head>div strong{margin-top:5px;color:#283a54;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.instruction-media-state{flex:0 0 auto;padding:6px 9px;border-radius:999px;color:#8d6c40;background:#fff4df;font-size:9px;font-weight:750}
.instruction-media-state.is-ready{color:#157f57;background:#e7f8ef}
.instruction-copy-fields{margin-top:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.instruction-copy-fields>label,.instruction-tutorial-panel>label:not(.instruction-enable):not(.instruction-file-upload):not(.instruction-clear-media){display:flex;flex-direction:column;gap:7px;color:#53647b;font-size:11px;font-weight:750}
.instruction-copy-fields input,.instruction-tutorial-panel input[type=text],.instruction-tutorial-panel input:not([type]){height:42px;font-size:12px}
.instruction-tutorial-panel{margin-top:14px;padding:15px;border:1px solid #e3e9f1;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:13px;background:#f8fafc}
.instruction-enable{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}
.instruction-enable>span{display:inline-flex;align-items:center;gap:8px;color:#40536d;font-size:11px;font-weight:750}
.instruction-enable input[type=checkbox],.instruction-clear-media input[type=checkbox]{width:16px;height:16px;margin:0;padding:0;accent-color:#18a96b}
.instruction-file-upload{position:relative;min-height:86px;padding:14px 15px;border:1px dashed #bdcee7;border-radius:11px;display:flex;justify-content:center;flex-direction:column;background:#fff;cursor:pointer;overflow:hidden}
.instruction-file-upload:hover{border-color:#779ee4;background:#f7faff}
.instruction-file-upload>span{color:#6d7e94;font-size:9px;font-weight:750;letter-spacing:.4px}
.instruction-file-upload>b{margin-top:7px;color:#34588d;font-size:12px}
.instruction-file-upload>small{margin-top:5px;color:#8b98a9;font-size:9px;line-height:1.55}
.instruction-file-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
.instruction-clear-media{grid-column:1/-1;display:inline-flex;align-items:center;gap:7px;width:max-content;color:#b14047;font-size:10px;font-weight:700;cursor:pointer}
.dynamic-field{min-width:0;display:flex;flex-direction:column;gap:8px}
.dynamic-field-head{min-height:23px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.dynamic-field-head>label{min-width:0;color:#465873;font-size:13px;font-weight:750}
.task-tutorial-link{flex:0 0 auto;padding:0;border:0;display:inline-flex;align-items:center;gap:5px;color:#246be2;background:transparent;font-size:11px;cursor:pointer}
.task-tutorial-link>span{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#3478eb;font-size:10px;font-weight:850}
.task-tutorial-link>b{font-weight:700}
.task-tutorial-link:hover{color:#1552ba}
.task-tutorial-link:focus-visible{outline:2px solid rgba(37,99,235,.35);outline-offset:3px;border-radius:5px}
.task-tutorial-dialog{width:min(860px,calc(100vw - 24px));max-height:92vh}
.task-tutorial-dialog .dialog-form{padding:22px;max-height:92vh;overflow:auto}
.task-tutorial-media{min-height:260px;padding:12px;border:1px solid #e1e7f0;border-radius:14px;display:grid;place-items:center;background:#f4f7fb;overflow:hidden}
.task-tutorial-media img,.task-tutorial-media video{display:block;max-width:100%;max-height:68vh;border-radius:9px;background:#0b1220;object-fit:contain}
.task-tutorial-media video{width:100%}
@media(max-width:760px){
  .instruction-copy-fields,.instruction-tutorial-panel{grid-template-columns:1fr}
  .instruction-product-head{align-items:flex-start;flex-direction:column}
  .instruction-media-state{align-self:flex-start}
  .instruction-file-upload{min-height:96px}
  .dynamic-field-head{align-items:flex-start;flex-direction:column;gap:7px}
  .task-tutorial-dialog .dialog-form{padding:17px 14px}
  .task-tutorial-media{min-height:190px;padding:7px}
}
@media(max-width:430px){
  .instruction-product-card{padding:14px}
  .instruction-tutorial-panel{padding:12px}
  .automation-orb-grid{gap:18px}
}

/* V2.24 tutorial placement and resilient MP4 uploads */
.dynamic-field-head{justify-content:flex-start;flex-wrap:wrap;gap:9px}
.task-tutorial-link{margin-left:0}
.instruction-upload-progress{margin-top:9px;display:grid;grid-template-columns:minmax(80px,1fr) auto;align-items:center;gap:9px}
.instruction-upload-progress[hidden]{display:none!important}
.instruction-upload-progress>i{height:6px;border-radius:999px;background:#e2e9f3;overflow:hidden}
.instruction-upload-progress>i>b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d76e9,#18a96b);transition:width .18s ease}
.instruction-upload-progress>span{color:#55708f;font-size:9px;font-weight:750;white-space:nowrap}
.instruction-product-card.is-uploading-media{border-color:#aac9f3;background:linear-gradient(145deg,#fff 0%,#f3f7ff 100%)}
.instruction-product-card.is-uploading-media .instruction-file-upload{border-style:solid;border-color:#9cbce9;background:#f7faff}
.instruction-product-card.is-uploading-media .instruction-file-upload input[type=file]{pointer-events:none}
@media(max-width:760px){
  .dynamic-field-head{align-items:center;flex-direction:row;gap:8px}
}

/* V2.25 desktop tutorial video compatibility */
.task-tutorial-video-error{width:min(520px,100%);margin-top:12px;padding:14px 16px;border:1px solid #f1c7c1;border-radius:11px;color:#7e3935;background:#fff7f6;text-align:left}
.task-tutorial-video-error[hidden]{display:none!important}
.task-tutorial-video-error strong{display:block;font-size:13px}
.task-tutorial-video-error p{margin:6px 0 11px;color:#8b5b58;font-size:11px;line-height:1.7}
.task-tutorial-video-error .button{min-height:34px;padding:7px 12px;font-size:10px}

/* V2.26 smoother desktop tutorial video streaming */
.task-tutorial-buffer-status{width:min(520px,100%);margin-top:11px;padding:9px 12px;border:1px solid #dce7f6;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;color:#4e6b91;background:#f7faff;font-size:10px;font-weight:700}
.task-tutorial-buffer-status[hidden]{display:none!important}
.task-tutorial-buffer-status>i{width:15px;height:15px;flex:0 0 15px;border:2px solid #c8d7ee;border-top-color:#3478eb;border-radius:50%;animation:tutorial-buffer-spin .8s linear infinite}
@keyframes tutorial-buffer-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.task-tutorial-buffer-status>i{animation:none}}

/* V2.47 topbar notification center */
.topbar-notification-center{position:relative;display:flex;align-items:center}
.topbar-notification-trigger{position:relative;width:42px;height:42px;padding:0;border:1px solid #e2e7ee;border-radius:12px;display:grid;place-items:center;color:#8995a7;background:linear-gradient(145deg,#f8f9fb,#eef1f5);box-shadow:0 5px 14px rgba(44,59,82,.08),inset 0 1px 0 #fff;cursor:pointer;transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.topbar-notification-trigger:hover,.topbar-notification-center.is-open .topbar-notification-trigger{color:#68768a;border-color:#d5dde8;background:#f5f7fa;box-shadow:0 8px 18px rgba(44,59,82,.12),inset 0 1px 0 #fff;transform:translateY(-1px)}
.topbar-notification-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.topbar-notification-trigger>span{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:999px;display:grid;place-items:center;color:#fff;background:#ef5350;box-shadow:0 4px 10px rgba(225,62,62,.25);font-size:9px;font-weight:800;line-height:1}
.topbar-notification-popover{position:absolute;top:calc(100% + 12px);right:0;width:min(390px,calc(100vw - 28px));border:1px solid #e0e6ee;border-radius:17px;color:#243650;background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(32,48,72,.2),0 4px 14px rgba(32,48,72,.08);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top right;transition:opacity .18s ease,visibility .18s ease,transform .22s cubic-bezier(.2,.8,.2,1);z-index:90}
.topbar-notification-center.is-open .topbar-notification-popover{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.topbar-notification-popover>header{min-height:67px;padding:15px 17px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fff,#f8fafc)}
.topbar-notification-popover>header div{display:flex;flex-direction:column;gap:4px}
.topbar-notification-popover>header strong{font-size:15px;color:#182b47}
.topbar-notification-popover>header span{font-size:10px;color:#8a98aa}
.topbar-notification-popover>header form{margin:0}
.topbar-notification-popover>header button{padding:6px 9px;border:0;border-radius:8px;color:#718097;background:#eef2f7;font-size:10px;font-weight:700;cursor:pointer}
.topbar-notification-popover>header button:hover{color:#52647d;background:#e6ebf2}
.topbar-notification-popover>header button.notification-clear-button{color:#df3f49;background:#fff0f1;box-shadow:inset 0 0 0 1px #ffd5d9}
.topbar-notification-popover>header button.notification-clear-button:hover{color:#fff;background:#ef4b55;box-shadow:0 6px 14px rgba(239,75,85,.22)}
.topbar-notification-list{max-height:390px;padding:5px 8px;overflow:auto}
.topbar-notification-item{margin:0;border-bottom:1px solid #eff2f6}
.topbar-notification-item:last-child{border-bottom:0}
.topbar-notification-item>button{width:100%;padding:12px 8px;border:0;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:10px;color:inherit;background:transparent;text-align:left;cursor:pointer;transition:background .16s ease}
.topbar-notification-item>button:hover{background:#f6f8fb}
.topbar-notification-item i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#3f7df1;box-shadow:0 0 0 3px #e9f0ff}
.topbar-notification-item.is-read i{background:#c2cad5;box-shadow:none}
.topbar-notification-item>button>span{min-width:0}
.topbar-notification-item strong,.topbar-notification-item small{display:block}
.topbar-notification-item strong{font-size:12px;color:#263a57}
.topbar-notification-item small{margin-top:5px;color:#7c8ba0;font-size:10px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-notification-item time{padding-top:2px;color:#a0acbb;font-size:9px;white-space:nowrap}
.topbar-notification-empty{min-height:156px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#a0aaba}
.topbar-notification-empty svg{width:40px;height:40px;fill:none;stroke:#cbd2dc;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.topbar-notification-empty strong{font-size:11px;font-weight:600}
.topbar-notification-popover>footer{padding:10px 16px;border-top:1px solid #edf0f4;text-align:center;background:#fafbfd}
.topbar-notification-popover>footer a{color:#6e7d92;font-size:11px;font-weight:700}
.topbar-notification-popover>footer a:hover{color:var(--brand)}
@media(max-width:600px){.topbar-actions{gap:8px}.topbar-notification-trigger{width:38px;height:38px;border-radius:11px}.topbar-notification-popover{position:fixed;top:66px;right:10px;left:10px;width:auto}.balance-pill{min-width:96px;padding-left:10px;padding-right:10px}}

/* V2.70 Xianyu card configuration */
.automation-service-orb.is-xianyu-card{--orb-accent:#f6b900;--orb-soft:#fff8d8;--orb-border:#f4d970}
.automation-service-orb.is-xianyu-card .automation-orb-icon,.automation-dialog-icon.is-xianyu-card{color:#7e6100;background:linear-gradient(145deg,#ffe500,#ffca19);box-shadow:0 14px 30px rgba(243,189,0,.24)}

/* V2.73 topbar scrolling announcement */
.topbar.has-scrolling-announcement{justify-content:flex-start}
.topbar.has-scrolling-announcement .topbar-actions{margin-left:auto}
.topbar-scrolling-announcement{height:38px;min-width:0;max-width:none;flex:1 1 0;margin:0 20px 0 12px;padding:0 13px 0 10px;border:1px solid #d4eaff;border-radius:13px;display:flex;align-items:center;gap:10px;color:#111827;background:linear-gradient(135deg,#eaf6ff,#f6fbff);box-shadow:0 7px 20px rgba(53,124,191,.08),inset 0 1px 0 rgba(255,255,255,.95);overflow:hidden}
.topbar-scrolling-announcement-icon{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#4ca8f5,#2679da);box-shadow:0 4px 10px rgba(38,121,218,.22);font-size:12px;font-weight:900}
.topbar-scrolling-announcement-viewport{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
.topbar-scrolling-announcement-track{display:flex;width:max-content;will-change:transform}
.topbar-announcement-group{display:flex;flex:none}
.topbar-announcement-group>span,.topbar-scrolling-announcement-track>span{flex:none;display:block;padding-right:40px;color:#111827;font-size:13px;font-weight:580;line-height:36px;white-space:nowrap}

.automation-service-orb.is-scrolling-announcement{border-color:#cfe8fb;background:linear-gradient(150deg,#fff 18%,#eaf7ff 100%);box-shadow:0 18px 42px rgba(38,128,196,.12),inset 0 0 0 8px rgba(255,255,255,.76)}
.automation-service-orb.is-scrolling-announcement:before{border-color:rgba(47,145,219,.22)}
.automation-service-orb.is-scrolling-announcement:hover{border-color:#a9d8f5;box-shadow:0 24px 52px rgba(38,128,196,.18),inset 0 0 0 8px rgba(255,255,255,.82)}
.automation-service-orb.is-scrolling-announcement .automation-orb-glow{background:rgba(77,170,236,.14)}
.automation-service-orb.is-scrolling-announcement .automation-orb-icon,.automation-dialog-icon.is-scrolling-announcement{background:linear-gradient(145deg,#52b8f6,#2487dc);box-shadow:0 11px 25px rgba(36,135,220,.26)}
.automation-service-orb.is-scrolling-announcement .automation-orb-action{color:#2381ce}
.automation-service-orb.is-qr-verification{border-color:#cfe0fb;background:linear-gradient(150deg,#fff 18%,#edf5ff 100%);box-shadow:0 18px 42px rgba(42,106,205,.13),inset 0 0 0 8px rgba(255,255,255,.76)}
.automation-service-orb.is-qr-verification:before{border-color:rgba(46,111,218,.22)}
.automation-service-orb.is-qr-verification:hover{border-color:#a9c8f5;box-shadow:0 24px 52px rgba(42,106,205,.19),inset 0 0 0 8px rgba(255,255,255,.82)}
.automation-service-orb.is-qr-verification .automation-orb-glow{background:rgba(69,136,238,.15)}
.automation-service-orb.is-qr-verification .automation-orb-icon,.automation-dialog-icon.is-qr-verification{background:linear-gradient(145deg,#4b8cf4,#2465d4);box-shadow:0 11px 25px rgba(36,101,212,.27)}
.automation-service-orb.is-qr-verification .automation-orb-action{color:#2869d3}
.qr-verification-dialog{width:min(920px,calc(100vw - 28px))}
.qr-verification-body{display:grid;gap:20px}
.qr-verification-notice{padding:15px 17px;border:1px solid #c8ddfb;border-radius:14px;display:flex;align-items:flex-start;gap:12px;background:#eff6ff;color:#4c668c}
.qr-verification-notice>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:#3f82eb;font-size:14px;font-weight:900}
.qr-verification-notice p{margin:1px 0 0;font-size:11px;line-height:1.75}
.qr-verification-notice strong{color:#245fb9}
.qr-verification-section{padding:19px;border:1px solid #dce5f2;border-radius:16px;background:#fff}
.qr-verification-heading{margin-bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.qr-verification-heading h3{margin:5px 0 0;color:#20324e;font-size:16px}
.qr-verification-heading>small{color:#7f8fa6;font-size:10px}
.qr-verification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qr-verification-choice{min-width:0;padding:12px 13px;border:1px solid #dbe4f1;border-radius:12px;display:flex;align-items:flex-start;gap:10px;background:#f9fbfe;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
.qr-verification-choice:hover{border-color:#b5cdf2;background:#f3f8ff}
.qr-verification-choice:has(input:checked){border-color:#7ba8f3;background:#edf5ff;box-shadow:0 7px 18px rgba(47,111,217,.09)}
.qr-verification-choice input{width:16px;height:16px;margin:1px 0 0;flex:0 0 16px;accent-color:#3478e7}
.qr-verification-choice span{min-width:0}
.qr-verification-choice strong,.qr-verification-choice small{display:block}
.qr-verification-choice strong{color:#2b3e5d;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qr-verification-choice small{margin-top:4px;color:#8a98ab;font-size:9px}
.qr-verification-choice:has(input:checked) strong{color:#2464ca}
.qr-verification-choice:has(input:checked) small{color:#5f84bd}
.qr-verification-empty{padding:30px 18px;border:1px dashed #d5dfec;border-radius:13px;text-align:center;color:#8a97a9;background:#f8fafc;font-size:11px}
@media(max-width:760px){.qr-verification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-verification-section{padding:15px}}
@media(max-width:520px){.qr-verification-grid{grid-template-columns:1fr}.qr-verification-heading{align-items:flex-start;flex-direction:column;gap:7px}.qr-verification-notice{padding:13px}}
.scrolling-announcement-orb-status{position:relative;margin-top:8px;padding:4px 9px;border-radius:999px;color:#7d8da2;background:#edf1f6;font-size:9px;font-weight:800}
.scrolling-announcement-orb-status.is-enabled{color:#087ab9;background:#ddf2ff}
.scrolling-announcement-dialog{width:min(900px,calc(100vw - 28px))}
.scrolling-announcement-body{display:grid;gap:18px}
.scrolling-announcement-guide{padding:15px 17px;border:1px solid #cee8fb;border-radius:14px;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:start;gap:12px;color:#315f7d;background:linear-gradient(135deg,#eff9ff,#f8fcff)}
.scrolling-announcement-guide>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#3697dc;font-size:14px;font-weight:900}
.scrolling-announcement-guide p{margin:2px 0 0;font-size:12px;line-height:1.7}
.scrolling-announcement-field{position:relative;padding:18px;border:1px solid #dce6f1;border-radius:15px;display:grid;gap:12px;background:#fff}
.scrolling-announcement-field>span{display:flex;align-items:center;justify-content:space-between;gap:18px}
.scrolling-announcement-field strong{color:#233955;font-size:14px}
.scrolling-announcement-field small{color:#8493a7;font-size:10px;font-weight:500}
.scrolling-announcement-field textarea{min-height:104px;padding:14px 15px;resize:vertical;color:#172033;background:#fbfdff;border-color:#cfdaea;line-height:1.7}
.scrolling-announcement-preview{padding:18px;border:1px solid #dce6f1;border-radius:15px;background:#f9fbfe}
.scrolling-announcement-preview>header{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.scrolling-announcement-preview>header strong{color:#253a57;font-size:13px}
.scrolling-announcement-preview>header small{color:#8a98aa;font-size:10px}
.scrolling-announcement-preview-bar{height:40px;padding:0 13px 0 10px;border:1px solid #d4eaff;border-radius:13px;display:flex;align-items:center;gap:10px;color:#111827;background:linear-gradient(135deg,#eaf6ff,#f6fbff);box-shadow:0 6px 16px rgba(53,124,191,.07);overflow:hidden}
.scrolling-announcement-preview-icon{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#368fda;font-size:12px;font-weight:900}
.scrolling-announcement-preview-bar>div{min-width:0;overflow:hidden}
.scrolling-announcement-preview-bar>div>span{display:block;color:#111827;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.topbar-scrolling-announcement{margin-left:10px;margin-right:14px}}
@media(max-width:920px){.topbar.has-scrolling-announcement .topbar-title{margin-right:0}.topbar-scrolling-announcement{max-width:none;margin-left:0;margin-right:8px}}
@media(max-width:700px){.topbar-scrolling-announcement{display:none}.topbar.has-scrolling-announcement .topbar-title{margin-right:auto}.scrolling-announcement-field>span,.scrolling-announcement-preview>header{align-items:flex-start;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.topbar-scrolling-announcement-track{width:100%;will-change:auto}.topbar-announcement-group{min-width:0;flex:1}.topbar-announcement-group>span{min-width:0;overflow:hidden;text-overflow:ellipsis;padding-right:0}}

/* Recharge points configuration */
.automation-service-orb.is-recharge-points{border-color:#c9e8e4;background:linear-gradient(150deg,#fff 18%,#eafaf8 100%);box-shadow:0 18px 42px rgba(15,142,131,.12),inset 0 0 0 8px rgba(255,255,255,.76)}
.automation-service-orb.is-recharge-points:before{border-color:rgba(17,155,143,.21)}
.automation-service-orb.is-recharge-points:hover{border-color:#9fd8d2;box-shadow:0 24px 52px rgba(15,142,131,.18),inset 0 0 0 8px rgba(255,255,255,.82)}
.automation-service-orb.is-recharge-points .automation-orb-glow{background:rgba(31,185,171,.14)}
.automation-service-orb.is-recharge-points .automation-orb-icon,.automation-dialog-icon.is-recharge-points{background:linear-gradient(145deg,#28c6b3,#0b8f83);box-shadow:0 11px 25px rgba(11,143,131,.26)}
.automation-service-orb.is-recharge-points .automation-orb-action{color:#0c8f82}
.recharge-points-orb-status{position:relative;margin-top:8px;padding:4px 9px;border-radius:999px;color:#7d8da2;background:#edf1f6;font-size:9px;font-weight:800}
.recharge-points-orb-status.is-enabled{color:#087d70;background:#dcf7f1}
.recharge-points-config-dialog{width:min(1080px,calc(100vw - 28px))}
.recharge-points-config-body{display:grid;gap:18px}
.recharge-points-config-notice{padding:15px 17px;border:1px solid #bce7dd;border-radius:14px;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:start;gap:12px;color:#315f59;background:linear-gradient(135deg,#effbf8,#f8fdfc)}
.recharge-points-config-notice>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#16a895;font-size:14px;font-weight:900}
.recharge-points-config-notice p{margin:2px 0 0;font-size:12px;line-height:1.7}
.recharge-points-config-switch{padding:18px;border:1px solid #d9e6e8;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff}
.recharge-points-config-switch>span:first-child strong,.recharge-points-config-switch>span:first-child small{display:block}
.recharge-points-config-switch>span:first-child strong{color:#203852;font-size:14px}
.recharge-points-config-switch>span:first-child small{margin-top:6px;color:#8190a5;font-size:11px;line-height:1.6}
.recharge-package-editor-section>header{margin-bottom:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.recharge-package-editor-section>header h3{margin:3px 0 0;color:#20324e;font-size:17px}
.recharge-package-editor-section>header small{color:#8492a6;font-size:10px}
.recharge-package-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.recharge-package-editor{position:relative;padding:18px;border:1px solid #dbe6f2;border-radius:16px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;background:linear-gradient(145deg,#fff,#f7faff);overflow:hidden}
.recharge-package-editor:after{content:"";position:absolute;right:-34px;top:-42px;width:125px;height:125px;border-radius:50%;background:currentColor;opacity:.055;pointer-events:none}
.recharge-package-editor.is-blue{color:#2575df;border-color:#cfe0fc;background:linear-gradient(145deg,#fff,#edf5ff)}
.recharge-package-editor.is-cyan{color:#0aa5ad;border-color:#c8ecee;background:linear-gradient(145deg,#fff,#ecfbfb)}
.recharge-package-editor.is-amber{color:#e49a0c;border-color:#f4ddb1;background:linear-gradient(145deg,#fff,#fff8e9)}
.recharge-package-editor.is-violet{color:#754bd0;border-color:#dfd2f8;background:linear-gradient(145deg,#fff,#f6f0ff)}
.recharge-package-editor-index{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:currentColor;background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px currentColor,0 8px 18px rgba(37,71,119,.08);font-size:15px;font-weight:850}
.recharge-package-editor>label,.recharge-package-editor-values{grid-column:2;min-width:0}
.recharge-package-editor label>span:first-child{display:block;margin-bottom:7px;color:#4c5e76;font-size:11px;font-weight:750}
.recharge-package-editor input,.recharge-package-editor textarea{width:100%;color:#233852;background:rgba(255,255,255,.9)}
.recharge-package-editor textarea{min-height:70px;resize:vertical;line-height:1.6}
.recharge-package-editor-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.recharge-package-editor-input{height:42px;padding:0 11px;border:1px solid #cedae9;border-radius:10px;display:flex;align-items:center;background:rgba(255,255,255,.94);overflow:hidden}
.recharge-package-editor-input input{height:40px;min-width:0;padding:0 7px;border:0!important;border-radius:0;box-shadow:none!important;background:transparent}
.recharge-package-editor-input i,.recharge-package-editor-input b{flex:0 0 auto;color:#75849a;font-size:11px;font-style:normal;font-weight:750}
@media(max-width:820px){.recharge-package-editor-grid{grid-template-columns:1fr}.recharge-package-editor-section>header{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:520px){.recharge-package-editor{grid-template-columns:1fr}.recharge-package-editor-index{grid-column:1}.recharge-package-editor>label,.recharge-package-editor-values{grid-column:1}.recharge-package-editor-values{grid-template-columns:1fr}.recharge-points-config-switch{align-items:flex-start}.recharge-points-config-notice{padding:13px}}

/* Account price templates: use the existing blue management controls and compact rows. */
[data-agent-price-option][hidden],[data-user-price-option][hidden]{display:none!important}
.price-template-tabs{display:flex;gap:6px;padding:5px;background:#f2f6fc;border:1px solid #e0e8f5;border-radius:12px}.price-template-tabs button{flex:1;border:0;border-radius:8px;padding:11px 14px;background:transparent;color:#7184a3;font:inherit;font-weight:650;cursor:pointer}.price-template-tabs button.is-active{background:#fff;color:#2167ed;box-shadow:0 2px 7px #203e7010}.price-template-tabs button:focus-visible{outline:2px solid #438cff;outline-offset:1px}[data-user-price-account-field][hidden]{display:none!important}#userPriceDialog .callout p{line-height:1.8}#userPriceDialog input:disabled,#agentPriceDialog input:disabled{opacity:.65}.price-template-button{white-space:nowrap}

/* V397 task notification controls; confined to the task toast. */
.task-alert-toast .task-alert-toast-link{display:flex;align-items:center;gap:13px;flex:1;min-width:0;align-self:stretch;color:inherit;text-decoration:none;border-radius:9px}
.task-alert-toast .task-alert-toast-link:focus-visible{outline:2px solid #8ebcff;outline-offset:4px}
.task-alert-toast .task-alert-toast-badge{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:11px;color:var(--brand,#2563eb);background:#edf4ff}
.task-alert-toast .task-alert-toast-badge svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.task-alert-toast .task-alert-toast-copy{flex:1;min-width:0;overflow:hidden}
.task-alert-toast .task-alert-toast-copy strong{overflow-wrap:anywhere}
.task-alert-toast .task-alert-toast-close{appearance:none;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:0;margin:0;padding:0;color:#7386a3;background:#f4f7fc;border:1px solid #e0e8f3;border-radius:10px;box-shadow:none;cursor:pointer}
.task-alert-toast .task-alert-toast-close:hover{color:#2878e8;background:#edf4ff;border-color:#c6d9f5}
.task-alert-toast .task-alert-toast-close:focus-visible{outline:2px solid #8ebcff;outline-offset:3px}
.task-alert-toast .task-alert-toast-close svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;pointer-events:none}
@media(max-width:700px){.task-alert-toast .task-alert-toast-link{gap:10px}.task-alert-toast .task-alert-toast-close{flex-basis:36px;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.task-alert-toast{animation:none;transition:none}}