:root{
  --bg:#ffffff; --surface:#fff; --surface-2:#eef2f0; --text-highlight:#eeeeee; --text:#16231f; --muted:#56655f; --border:#dbe3df;
  --primary:#0f766e; --primary-hover:#0b5f58; --on-primary:#fff; --primary-soft:#d7efeb;
  --violet:#6d28d9; --violet-soft:#ede9fe; --warn:#9a5b00; --warn-soft:#fdf0d5; --danger:#b42318; --danger-soft:#fde8e6; --ok:#166534; --ok-soft:#dcf3e3; --info:#1d4ed8; --info-soft:#e0e9fd;
  --shadow:0 1px 2px rgba(16,35,31,.06),0 4px 14px rgba(16,35,31,.06);
  --sidebar-width:264px; --content-gutter:32px; --content-max:1440px;
  --r:12px; --focus:0 0 0 3px rgba(15,118,110,.35);
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0e1514; --surface:#16201e; --surface-2:#1d2a27; --text-highlight:#343434; --text:#e6efec; --muted:#9db0aa; --border:#2a3a36;
  --primary:#2dd4bf; --primary-hover:#5eead4; --on-primary:#06201c; --primary-soft:#123b36;
  --violet:#c4b5fd; --violet-soft:#2e2159; --warn:#fbbf24; --warn-soft:#3a2d0c; --danger:#fca5a5; --danger-soft:#3b1714; --ok:#86efac; --ok-soft:#10301d; --info:#93b4ff; --info-soft:#14224a;
  --shadow:0 1px 2px rgba(0,0,0,.4);--focus:0 0 0 3px rgba(45,212,191,.4);
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Inter","Noto Sans SC","Noto Sans JP",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans","Segoe UI",sans-serif;font-size:16px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;min-height:100dvh}
.wrap{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 24px}
main.wrap{padding-top:40px;padding-bottom:calc(64px + env(safe-area-inset-bottom));outline:none}
.skip{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 12px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
a{color:var(--primary)}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px}
.seller-switches .btn.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}
.seller-head{flex-wrap:wrap}
.application-table{min-width:1080px;table-layout:fixed;width:100%}
.application-table th:nth-child(1){width:26%}
.application-table th:nth-child(2){width:15%}
.application-table th:nth-child(3){width:18%}
.application-table th:nth-child(4){width:15%}
.application-table th:nth-child(5){width:26%}
.application-product{display:flex;gap:12px;align-items:flex-start}
.application-product>a{flex:none;width:56px}
.application-product .thumb{border-radius:8px}
.application-product-copy{min-width:0;flex:1}
.application-title,.application-message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.application-title{font-weight:600}
.application-table .hint{margin:4px 0;font-size:13px;overflow-wrap:anywhere}
.application-message{font-size:14px;margin:8px 0;color:var(--muted)}
.application-actions-needed,.application-row-actions{display:flex;flex-wrap:wrap;gap:6px}
.application-row-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}
.application-row-actions .btn{width:100%;min-width:0;min-height:44px;padding:8px;white-space:normal;line-height:1.35}
.application-summary{margin:16px 0}
.application-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}
.app-d{scroll-margin-top:90px}
.top{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top)}
.top-in{display:flex;align-items:center;justify-content:space-between;min-height:56px;gap:12px}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--text);text-decoration:none}
.logo{width:28px;height:28px;border-radius:8px;background:var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9 17l5 5 9-11' stroke='white' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/cover}
#nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#nav a,#nav button{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:15px;background:none;border:0;cursor:pointer;font-family:inherit}
#nav a:hover,#nav button:hover{background:var(--surface-2);color:var(--text)}
#nav a[aria-current=page]{color:var(--primary);font-weight:600;background:var(--primary-soft)}
#nav svg{display:none;width:22px;height:22px;flex:none}
svg{flex:none}
.btn svg,.add svg{width:18px;height:18px;flex:none}
h1{font-size:24px;line-height:1.3;margin:0 0 4px;font-weight:700;letter-spacing:.01em}
h2{font-size:18px;margin:24px 0 12px}
h3{font-size:16px;margin:0}
.sub{color:var(--muted);margin:0 0 20px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}
.pad{padding:16px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.task{display:flex;flex-direction:column;text-decoration:none;color:inherit;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.task:hover{transform:translateY(-2px)}
.thumb{aspect-ratio:1/1;background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.thumb svg{width:48px;height:48px;color:var(--muted)}
.task .body{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1}
.task .ttl{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;line-height:1.45}
/* Square cards prioritize merchant, price comparison and recruitment. */
.task-store{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;color:var(--primary);overflow-wrap:anywhere}
.task-store svg{width:20px;height:20px;flex:none}
.task-store span{min-width:0}
.task-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.task-price{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px;border-radius:8px;background:var(--surface-2)}
.task-price>span{font-size:13px;color:var(--muted)}
.task-price strong{font-size:19px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.task-refund{background:var(--primary-soft);color:var(--primary)}
.task-refund>span{color:var(--primary)}
.task-difference,.task-recruitment{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.task-difference{font-size:13px;color:var(--muted);padding:8px 10px;border-radius:8px;background:var(--surface-2)}
.task-difference strong{color:inherit;font-size:16px;font-variant-numeric:tabular-nums}
.task-difference.positive{color:var(--ok);background:var(--ok-soft)}
.task-difference.negative{color:var(--danger);background:var(--danger-soft)}
.task-payout-detail{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.task-recruitment{border-top:1px solid var(--border);padding-top:10px;font-size:14px}
.task-recruitment strong{font-size:18px;font-variant-numeric:tabular-nums}
.task-reference{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin-top:auto;padding-top:4px}
.meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:13px;padding:2px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);min-height:26px}
.chip.ok{background:var(--ok-soft);color:var(--ok)} .chip.warn{background:var(--warn-soft);color:var(--warn)}
.chip.info{background:var(--info-soft);color:var(--info)} .chip.danger{background:var(--danger-soft);color:var(--danger)}
.chip.primary{background:var(--primary-soft);color:var(--primary)}
.chip.violet{background:var(--violet-soft);color:var(--violet)}
.chip svg{width:14px;height:14px}
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;text-decoration:none;transition:background .15s,transform .1s;touch-action:manipulation}
.btn:hover{background:var(--surface-2)} .btn:active{transform:scale(.98)}
.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.btn.primary:hover{background:var(--primary-hover)}
.btn.danger{color:var(--danger);border-color:var(--danger-soft)}
.btn.block{width:100%} .btn.sm{min-height:36px;padding:0 12px;font-size:14px}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:sp .7s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
label{display:block;font-weight:600;font-size:14px;margin:0 0 6px}
.field{margin-bottom:16px}
.hint{font-size:13px;color:var(--muted);margin:6px 0 0}
input,textarea,select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit;font-size:16px;line-height:1.5}
textarea{min-height:96px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus)}
.err{color:var(--danger);font-size:14px;margin:6px 0 0}
.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1 1 160px}.row>.btn{flex:1 1 auto}
.notice{border-left:3px solid var(--info);padding:2px 0 2px 12px;font-size:14px;color:var(--text);margin:0 0 16px}
.notice.warn{border-left-color:var(--warn)}
.detail{display:grid;gap:20px}
@media(min-width:1100px){.detail{grid-template-columns:minmax(220px,28%) minmax(0,1fr);align-items:start}}
.detail>div{min-width:0}
.detail .thumb{border-radius:var(--r);border:1px solid var(--border)}
dl.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}
dl.kv dt{color:var(--muted);font-size:14px} dl.kv dd{margin:0;white-space:pre-wrap;word-break:break-word}
.pre{white-space:pre-wrap;word-break:break-word}
.bar{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.bar i{display:block;height:100%;background:var(--primary);border-radius:99px;transition:width .3s}
.list{display:flex;flex-direction:column;gap:12px}
.seller-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.seller-task-grid>.empty{grid-column:1/-1}
.seller-task-grid>.card{min-width:0;overflow-wrap:anywhere}
@media(max-width:767px){.wrap{padding-left:16px;padding-right:16px}.seller-task-grid{grid-template-columns:minmax(0,1fr)}}
.app{padding:16px;display:flex;flex-direction:column;gap:12px}
.app-head{display:flex;gap:12px;align-items:flex-start}
.app-head img,.app-head .ph{width:64px;height:64px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid var(--border);flex:none}
.app-head .grow{flex:1;min-width:0}
.steps{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.steps li{flex:1;font-size:12px;color:var(--muted);text-align:center}
.steps li::before{content:"";display:block;height:4px;border-radius:99px;background:var(--border);margin-bottom:6px}
.steps li.done::before{background:var(--primary)} .steps li.done{color:var(--text)}
.steps li.cur{font-weight:700;color:var(--primary)} .steps li.cur::before{background:var(--primary)}
.thumbs{display:flex;gap:8px;flex-wrap:wrap}
.tb{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}
.tb img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}
.tb .x{position:absolute;top:2px;right:2px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;font-size:16px;line-height:1}
.tb.up::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.tb.up .spin{position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px;color:#fff;z-index:2}
.add{width:84px;height:84px;border:2px dashed var(--border);border-radius:10px;background:none;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-family:inherit}
.add:hover{border-color:var(--primary);color:var(--primary)}
.add svg{width:22px;height:22px}
.sect{border-top:1px solid var(--border);padding-top:12px}
.sect h3{font-size:14px;margin-bottom:8px}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th,.tbl td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}
.empty{text-align:center;padding:48px 16px;color:var(--muted)}
.empty svg{width:40px;height:40px;margin-bottom:8px}
.tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto}
#toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--text);color:var(--bg);padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:60;max-width:90vw;font-size:15px}
#toast.show{opacity:1;transform:translate(-50%,0)} #toast.bad{background:var(--danger);color:#fff}
#lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:80;display:flex;align-items:center;justify-content:center;padding:16px}
#lightbox[hidden]{display:none}
#lightbox img{max-width:100%;max-height:100%;border-radius:8px}
.lb-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:26px;cursor:pointer}
.login{max-width:400px;margin:24px auto}
.code-in{font-size:28px;letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:70;display:flex;align-items:flex-end;justify-content:center}
.modal{background:var(--surface);width:100%;max-width:480px;border-radius:16px 16px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}
@media(min-width:600px){.modal-bg{align-items:center}.modal{border-radius:16px}}
.skel{background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--r);height:240px}
@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 手机：导航改为底部标签栏（单行、图标+文字） */
@media (max-width:639px){
  #nav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);
      padding:8px 4px calc(14px + env(safe-area-inset-bottom));justify-content:space-around;flex-wrap:nowrap;gap:0}
  #nav a,#nav button{flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:3px;min-height:60px;padding:6px 2px;font-size:12px;white-space:nowrap}
  #nav svg{display:block}
  .top-in{min-height:48px}
  main.wrap{padding-top:28px;padding-bottom:calc(120px + env(safe-area-inset-bottom))}
  #toast{bottom:calc(96px + env(safe-area-inset-bottom))}
  h1{font-size:22px}
}
.task .thumb:not(:has(img)){aspect-ratio:16/6}
.task .thumb:not(:has(img)) svg{width:32px;height:32px}
.btn.seg[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.btn.seg{flex:1 1 0}
.fee-row{display:flex;gap:8px;align-items:center}
.fee-row input{flex:1 1 0;min-width:0}
.pre-label{white-space:nowrap;color:var(--muted);font-size:15px}
.seg-group{display:flex;flex:none;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.seg-btn{min-height:44px;padding:0 14px;border:0;background:var(--surface);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap}
.seg-btn+.seg-btn{border-left:1px solid var(--border)}
.seg-btn[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}
details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}
details>summary::after{content:"▾";float:right;color:var(--muted)}details[open]>summary::after{content:"▴"}
/* 路由切换时程序把焦点移到 main（给读屏用），不要画焦点框 */
main:focus,main:focus-visible{outline:none;box-shadow:none;border-radius:0}
.pay{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1 1 200px}
.pay-line{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.pay-line>.sect{margin:6px 0 2px;width:100%}.pay-line>.sect h3{font-size:.9rem;margin:0 0 6px;color:var(--muted)}
.payout-proof-view{margin-top:10px}.payout-proof-view>strong{display:block;margin-bottom:6px}.payout-proof-view .thumbs{margin-top:0}
/* 店家后台：申请记录默认一行，点击展开 */
details.app-d{padding:0}
details.app-d>summary{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-height:52px;padding:8px 16px;cursor:pointer;overflow:hidden}
details.app-d>summary::after{margin-left:auto;float:none;flex:none}
details.app-d>summary .chip{flex:none;white-space:nowrap}
.s-label{min-width:5em;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-time{flex:none;margin:0 !important;white-space:nowrap}
.app-body{display:flex;flex-direction:column;gap:12px;padding:4px 16px 16px;border-top:1px solid var(--border)}
@media (max-width:639px){.s-time{display:none}}
.kv-box{background:var(--surface-2);border-radius:10px;padding:14px 16px;gap:10px 16px}
.kv-box dd{font-size:15px;line-height:1.6}

.thread{display:flex;flex-direction:column;gap:8px}
.msg{border-radius:10px;padding:10px 12px;background:var(--surface-2);max-width:92%}
.msg.user{align-self:flex-start}
.msg.seller{align-self:flex-end;background:var(--primary-soft)}
.msg-h{font-size:12px;color:var(--muted);margin-bottom:2px}
.msg-images{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.msg-image{width:96px;height:96px;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;cursor:zoom-in;flex:none}
.msg-image img{display:block;width:100%;height:100%;object-fit:cover}
.chat-attach{margin:4px 0 8px}.chat-attach-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chat-thumbs{margin-top:8px}.chat-thumbs:empty{display:none}
.row>.btn.danger{flex:1 1 auto}

/* 页头：标题 + 右侧小按钮 */
.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}
.page-head h1{margin:0}
.head-actions{display:flex;gap:8px;flex:none}
.btn.sm{min-height:40px;padding:0 14px}
.btn.sm .caret{margin-left:2px;transition:transform .15s}
.btn.sm.on{background:var(--surface-2)} .btn.sm.on .caret{transform:rotate(180deg)}

/* 表单：电脑上把相关字段并成一行，手机上仍然单列 */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:start}
@media (max-width:639px){.grid2{grid-template-columns:1fr}}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;align-items:start}
@media (max-width:639px){.grid3{grid-template-columns:1fr}}
.grid3>.field:empty{display:none}

/* 任务广场 / 店家后台：搜索与筛选栏 */
.filters{display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;margin:0 0 4px}
.filters .filter-checks{grid-column:1/-1;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.seller-filters{grid-template-columns:2fr 1fr 1fr}
@media (max-width:639px){.filters,.seller-filters{grid-template-columns:1fr 1fr}.filters input[type=search],.seller-filters input[type=search]{grid-column:1/-1}}
.chk{display:inline-flex;align-items:center;gap:8px;font-weight:500;min-height:44px;cursor:pointer;margin:0}
.chk input{width:20px;height:20px;min-height:0;flex:none;accent-color:var(--primary)}
.card.ended{opacity:.72}
.tbl-wrap{overflow-x:auto;margin-top:8px}

.product-input-row{display:flex;gap:10px;align-items:stretch}
.product-input-row input{flex:1;min-width:0}
.product-input-row .btn{flex:none;white-space:nowrap;padding:0 12px}

.payment-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
.payment-fields>.field{min-width:0}
.payment-fields .seg-btn{padding-left:10px;padding-right:10px}
@media(max-width:1023px){.payment-fields{grid-template-columns:minmax(0,1fr)}}
.stats-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:20px}
.stats-filters>div{flex:1 1 180px;min-width:0}
.stats-filters label{display:block;font-weight:600;margin-bottom:6px}
.stats-cards{gap:16px}
.stat-value{font-size:24px;font-weight:700;overflow-wrap:anywhere;margin-top:8px}
.stats-table{min-width:820px}
.stats-table td:first-child{min-width:360px;max-width:440px;overflow-wrap:anywhere}
.stats-product{display:flex;gap:12px;align-items:flex-start}
.stats-product-image{width:72px;flex:none}
.stats-product-copy{min-width:0;flex:1}
.stats-product-title{display:block;font-weight:600}
.stats-product-asin{display:inline-block;margin-top:6px;font-size:13px}
.stats-product-copy .hint{margin:4px 0 0}
.stats-product-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.admin-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 12px}
.admin-list-head h2{margin:0}
.admin-list-head select{width:auto;min-width:150px}
.admin-users-table{min-width:560px}
.admin-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:start}
.admin-sidebar{padding:12px;position:sticky;top:80px}
.admin-sidebar-title{font-weight:700;padding:8px 10px}
.admin-sidebar a{display:block;padding:10px;border-radius:8px;text-decoration:none;color:var(--text)}
.admin-sidebar a[aria-current=page]{background:var(--primary-soft);color:var(--primary);font-weight:600}
.admin-content{min-width:0}
.admin-task-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.admin-task-filters label{display:block;font-weight:600;margin-bottom:6px}
.admin-task-filter-actions{display:flex;gap:8px;align-items:end}
.admin-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-task-list>.empty{grid-column:1/-1}
.admin-task-card{min-width:0;overflow-wrap:anywhere}
.admin-task-card .meta{margin-top:12px}
.admin-pagination{display:flex;justify-content:center;gap:12px;margin-top:20px}
@media(max-width:1023px){.admin-task-list{grid-template-columns:minmax(0,1fr)}.admin-task-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.admin-layout{grid-template-columns:minmax(0,1fr);gap:16px}.admin-sidebar{position:static;display:flex;flex-wrap:wrap;gap:8px}.admin-sidebar-title{display:none}}
@media(max-width:479px){.admin-task-filters{grid-template-columns:minmax(0,1fr)}}
@media(max-width:639px){.page-head{flex-direction:column;align-items:stretch}.head-actions{flex-wrap:wrap}.head-actions>.btn{flex:1}.stats-filters>div{flex-basis:100%}.stats-cards{gap:12px}}

.payout-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-top:20px}
.payout-paypay{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}
@media(max-width:767px){.payout-fields{grid-template-columns:1fr}}

.seller-card-link{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}
.seller-task-card{display:flex;flex-direction:column;min-height:250px}
.seller-task-card .seller-card-link{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;flex:1}
.seller-task-thumb{width:56px;height:56px;overflow:hidden;border-radius:8px;flex:none}
.seller-task-thumb>.thumb{width:100%;height:100%;margin:0;border:1px solid var(--border);border-radius:8px;object-fit:cover}
.seller-task-thumb-empty{display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}
.seller-task-thumb-empty svg{width:24px;height:24px}
.seller-task-card-info{display:grid;grid-template-rows:4.8em auto auto;gap:8px;min-width:0;align-content:start}
.seller-task-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-width:0;height:4.8em;font-size:17px;font-weight:650;line-height:1.6;overflow-wrap:anywhere}
.seller-task-ident{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px;align-items:center;min-width:0;color:var(--muted);font-size:14px;line-height:1.5}
.seller-task-code,.seller-task-store{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seller-task-store{min-width:0}
.seller-task-meta{display:flex;align-items:center;align-content:start;flex-wrap:wrap;gap:6px;min-height:32px;margin:0}
.seller-card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:14px}
.seller-card-actions .btn{min-height:44px}
@media(max-width:767px){.seller-task-card{min-height:220px}.seller-task-card-info{grid-template-rows:4.8em auto auto}.seller-task-ident{grid-template-columns:minmax(0,1fr);gap:2px}}
.copy-product-preview{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.copy-product-preview .thumb{width:64px;flex:none;border-radius:8px}

/* Section navigation sits outside the content width, left of the brand. */
.section-sidebar{background:var(--surface);border-right:1px solid var(--border);padding:24px 12px;position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:25;overflow-y:auto}
.section-sidebar-title{margin:0;font-size:17px;font-weight:700;padding:0 12px 24px}
.section-sidebar nav{display:flex;flex-direction:column;gap:6px;width:100%}
.section-sidebar nav a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;color:var(--muted);text-decoration:none;min-height:46px}
.section-sidebar nav a svg{display:block;width:20px;height:20px;flex:none}
.section-sidebar nav a:hover{background:var(--surface-2);color:var(--text)}
.section-sidebar nav a[aria-current=page]{background:var(--primary-soft);color:var(--primary);font-weight:600}
.has-section-nav{max-width:calc(var(--sidebar-width) + var(--content-max));margin-inline:auto;padding-left:var(--sidebar-width)}
.has-section-nav .section-sidebar{left:max(0px,calc((100% - var(--sidebar-width) - var(--content-max))/2))}
.has-section-nav .wrap{max-width:var(--content-max);padding-left:var(--content-gutter);padding-right:var(--content-gutter)}
.admin-user-filters{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(130px,1fr));gap:12px;margin:0 0 16px}
.admin-users-table{min-width:780px}
.payout-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.payout-method-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.payout-method-head h2{font-size:20px;margin:0}
.payout-qr-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.payout-qr{width:128px;height:128px;border:1px solid var(--border);border-radius:10px;padding:8px;background:var(--surface);cursor:pointer;flex:none}
.payout-qr img{width:100%;height:100%;object-fit:contain}
.payout-qr.empty{display:grid;place-items:center;padding:24px;margin:0;min-height:0}
.payout-qr svg{width:32px;height:32px;color:var(--muted)}
.payout-save-row{display:flex;align-items:flex-end;gap:20px;margin-top:20px;flex-wrap:wrap}
.payout-save-row .field{flex:1;max-width:420px;min-width:220px;margin:0}
.application-row-actions .btn{height:44px;min-height:44px}
@media(max-width:1100px){.admin-user-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.payout-methods{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){
 .has-section-nav{padding-left:0}.has-section-nav .wrap{padding-left:16px;padding-right:16px}
 .section-sidebar{display:block;min-height:73px;position:static;width:auto;padding:10px 16px;border-right:0;border-bottom:1px solid var(--border);overflow:visible}
 .section-sidebar-title{display:none}.section-sidebar nav{flex-direction:row;overflow-x:auto;gap:6px;padding:2px}
 .section-sidebar nav a{white-space:nowrap;min-height:48px;padding:10px;flex:none}.section-sidebar nav a svg{display:none}
 .admin-user-filters{grid-template-columns:minmax(0,1fr)}.payout-save-row .field{max-width:none;width:100%;min-width:0}
 .payout-save-row .btn{width:100%}
}

.square-filter-fields{display:grid;gap:18px;padding:0 12px}
.square-filter-field{min-width:0}
.square-filter-field>label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.square-filter-checks{display:grid;gap:12px;padding:4px 0}
.square-filter-checks .chk{font-size:14px;align-items:flex-start}
.square-filter-checks input{flex:none}
.square-filter-toggle{display:none}
@media(max-width:767px){
 .square-filter-toggle{display:flex;width:100%;min-height:48px;margin:2px 0;justify-content:space-between}
 .square-filter-toggle::after{content:'＋'}
 .square-filter-toggle[aria-expanded=true]::after{content:'−'}
 .square-filter-fields{display:none;padding:18px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .square-filter-sidebar.expanded .square-filter-fields{display:grid}
 .square-filter-checks,.square-filter-fields>.btn{grid-column:1/-1}
}

.my-view-switch{display:flex;gap:8px}
.my-view-switch [aria-pressed=true]{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}
.my-application-list{display:grid;gap:16px}
.my-application-list.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.my-application-summary{display:flex;gap:16px;padding:18px;text-decoration:none;color:var(--text);min-width:0;align-items:center}
.my-application-summary:hover{border-color:var(--primary)}
.my-application-summary .thumb{width:80px;height:80px;flex:none;border-radius:8px}
.my-application-copy{min-width:0;flex:1}
.my-application-copy h2{font-size:17px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.my-application-copy .hint{margin:6px 0}
.my-application-open{font-size:14px;color:var(--primary);white-space:nowrap}
.cards .my-application-summary{flex-wrap:wrap;align-items:flex-start}
.cards .my-application-open{width:100%;text-align:right}
@media(max-width:767px){.my-application-list.cards{grid-template-columns:minmax(0,1fr)}.my-application-summary{flex-wrap:wrap}.my-application-open{width:100%;text-align:right}}

.filter-panel{margin:0 0 18px}.filter-panel>summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.filter-panel[open]>summary{margin-bottom:8px}.provider-filter-field{display:flex;flex-direction:column;gap:6px;font-weight:600}

/* One control language for filters, paging and actionable summaries. */
.filter-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);color:var(--text);min-height:52px}
.filter-panel>summary::-webkit-details-marker{display:none}
.filter-panel>summary:has(.filter-panel-toggle)::after{display:none}
.filter-panel>summary>span:first-child{display:flex;align-items:center;gap:10px}
.filter-panel>summary svg{width:20px;height:20px}
.filter-panel>summary:hover{border-color:var(--primary);color:var(--primary)}
.filter-panel-toggle{font-size:14px;color:var(--primary);white-space:nowrap}
.filter-panel-toggle::after{content:'展开筛选 ＋'}
.filter-panel[open] .filter-panel-toggle::after{content:'收起筛选 −'}
.filter-panel[open]>summary{background:var(--primary-soft);border-color:var(--primary)}
.queue-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.queue-metric{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;text-align:left;font:inherit;font-weight:600;padding:16px 18px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);cursor:pointer;min-width:0;box-shadow:var(--shadow)}
.queue-metric strong{font-size:28px;line-height:1.2;font-variant-numeric:tabular-nums}
.queue-metric.warn strong{color:var(--warn)}.queue-metric.info strong{color:var(--info)}
.queue-metric-action{grid-column:1/-1;font-size:13px;font-weight:400;color:var(--muted)}
.queue-metric:hover,.queue-metric[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft)}
.queue-metric[aria-pressed=true] .queue-metric-action{color:var(--primary);font-weight:600}
.pagination{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:20px 0 0;padding:14px 0;border-top:1px solid var(--border)}
.pagination-count{font-size:14px;color:var(--muted)}
.pagination-actions,.pagination-jump{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pagination-jump input{width:72px;min-height:44px;padding:8px}
.pagination .btn,.application-toolbar .btn{min-height:44px}
.case-head{margin-bottom:16px}.case-task{display:flex;gap:16px;align-items:center;margin:16px 0}
.case-task h2{margin:0;font-size:18px}.case-task .hint{margin:4px 0 0}
.case-task-image{width:72px;flex:none}.case-task-image .thumb{border-radius:8px}
.modal{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.conversation-modal{max-width:680px}
.conversation .thread{max-height:48dvh;overflow-y:auto;overscroll-behavior:contain;padding:8px 4px;scrollbar-gutter:stable}
.conversation .msg{overflow-wrap:anywhere;flex:none}.conversation-empty{padding:12px;background:var(--surface-2);border-radius:8px}
@media(max-width:767px){
 .queue-metrics{gap:8px}.queue-metric{grid-template-columns:1fr;padding:12px 10px;font-size:14px;gap:8px}
 .queue-metric strong{font-size:26px}.queue-metric-action{font-size:12px}
 .pagination{align-items:flex-start}.pagination-actions{width:100%}.pagination-actions>.btn{flex:1}
 .case-head{flex-direction:row;flex-wrap:wrap}.case-task{align-items:flex-start}.case-task-image{width:56px}
}

@media(max-width:767px){
 .application-table,.application-table tbody{display:block;min-width:0;width:100%}
 .application-table thead{display:none}
 .application-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border-bottom:1px solid var(--border)}
 .application-table tr:last-child{border-bottom:0}
 .application-table td{display:block;width:auto;min-width:0;padding:0;border:0;overflow-wrap:anywhere}
 .application-table td:first-child,.application-table td:nth-child(4),.application-table td:last-child{grid-column:1/-1}
}
/* Paused task content stays visibly gray; management controls remain actionable. */
.card.paused{background:var(--surface-2);opacity:1;color:var(--muted)}
.card.paused .thumb img{filter:grayscale(1)}
.card.paused .ttl,.card.paused h3,.card.paused .stats-product-title{color:var(--muted)}
.card.paused .chip{background:var(--border);color:var(--muted)}
.card.paused .bar i{background:var(--muted)}
.provider-heading,.provider-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.provider-heading{justify-content:space-between}.provider-heading .sub{margin-bottom:0}
.provider-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}
.provider-table{min-width:1080px}.provider-table td{vertical-align:top}
.provider-table .hint{margin:6px 0;max-width:260px;overflow-wrap:anywhere}
.provider-name{border:0;background:none;padding:0;color:var(--primary);font:inherit;font-weight:700;cursor:pointer;text-align:left;overflow-wrap:anywhere}
.provider-name:hover{text-decoration:underline}.provider-name:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
.provider-actions{display:flex;gap:8px;flex-wrap:wrap}.provider-table .provider-actions{display:grid;min-width:96px}
.provider-flags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;max-width:230px}
.provider-detail p{overflow-wrap:anywhere}
@media(max-width:1100px){.provider-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.provider-metrics{gap:10px}.provider-metrics .pad{padding:14px}.provider-metrics .stat-value{font-size:28px}.provider-heading{align-items:flex-start}}

/* Application detail: compact overview, focused submission area and reference rail. */
.application-workspace{display:grid;gap:20px;margin-top:16px}
.application-overview{display:grid;gap:22px}
.application-eyebrow{margin:0 0 4px;color:var(--muted);font-size:13px}
.application-product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text);text-decoration:none;font-size:18px;font-weight:650;line-height:1.5}
.application-product-name:hover{text-decoration:underline}
.application-next{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:10px;background:var(--primary-soft)}
.application-next h2{font-size:18px;margin:0}.application-next p{margin:5px 0 0}.application-next .btn{flex:none}
.application-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.application-work,.application-context{min-width:0;display:grid;gap:16px}
.application-context h2,.application-messages h2{font-size:17px;margin:0 0 14px}
.application-context .kv{grid-template-columns:72px minmax(0,1fr);gap:8px}
.application-context .btn{margin-top:14px}.application-context .btn.block{width:auto}
.application-rewards{display:flex;flex-wrap:wrap;gap:8px}.application-rewards .chip{font-size:15px}
.submission-panel{overflow:hidden;scroll-margin-top:100px}
.submission-summary{display:flex;align-items:center;gap:12px;padding:20px;cursor:pointer;list-style:none}
.submission-summary::-webkit-details-marker{display:none}.submission-summary .grow{flex:1;min-width:0}
.submission-summary .hint{display:block;margin:3px 0 0}.submission-number{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:700}
.submission-toggle{color:var(--primary);font-size:14px;flex:none}.submission-toggle::after{content:' ＋'}.submission-panel[open] .submission-toggle::after{content:' −'}
.submission-content{padding:0 20px 20px;display:grid;gap:18px}
.submission-guide{padding:14px 16px;border-radius:8px;background:var(--surface-2);font-size:14px;line-height:1.8}
.submission-guide h3{margin:0 0 8px;font-size:14px}.submission-editor{min-width:0}
.submission-editor>.sect{border:0;padding:0;margin:0 0 18px}.submission-editor .field{margin:16px 0}
.purchase-proof-notice{margin:0 0 16px;padding:12px 14px;border-radius:8px;background:var(--text-highlight);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.purchase-proof-notice .purchase-proof-example{flex:none;background:var(--surface)}
.purchase-proof-notice strong{font-weight:700}
.submission-editor textarea{min-height:88px;max-height:320px}.submission-actions{display:flex;flex-wrap:wrap;gap:10px}
.submission-actions .btn{width:auto;min-width:144px}.submission-actions:empty{display:none}
.application-messages .page-head{margin-bottom:0}.application-messages .sect{border:0;padding:0}.application-messages .sect>h3{display:none}
.application-messages .thread{max-height:360px;overflow-y:auto}.application-context .card{box-shadow:none}
@media(min-width:1500px){.submission-content:has(.submission-guide){grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:start}}
@media(max-width:1050px){.application-columns{grid-template-columns:minmax(0,1fr)}.application-context{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.application-overview{padding:16px;gap:16px}.application-product-name{font-size:16px}.application-next{align-items:flex-start;flex-direction:column}.application-next h2{font-size:16px}.application-context{grid-template-columns:minmax(0,1fr)}.submission-summary{padding:16px;gap:10px}.submission-content{padding:0 16px 16px}.submission-toggle{font-size:12px}.application-columns{gap:16px}.application-messages .page-head{gap:10px;flex-wrap:wrap}}

.submission-panel>summary::after{content:none}

.card.paused .task-store,.card.paused .task-refund,.card.paused .task-refund>span{color:var(--muted)}
.card.paused .task-refund{background:var(--border)}

/* Personal task states and per-application payment choice. */
.my-status-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 16px}
.my-status-filters .btn[aria-pressed=true]{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}
.filter-count{font-size:12px;border-radius:12px;background:var(--surface-2);padding:1px 6px;margin-left:4px}
.my-task-search{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;align-items:end;gap:12px;padding:16px 0}
.my-task-search label{font-size:13px;margin-bottom:4px}
.my-application-summary{border-top:4px solid var(--info)}
.my-application-summary.state-rework{border-top-color:var(--warn);background:var(--warn-soft)}
.my-application-summary.state-payment{border-top-color:var(--primary)}
.my-application-summary.state-completed,.my-application-summary.state-ended,.my-application-summary.state-waiting{border-top-color:var(--muted);background:var(--surface-2)}
.my-application-summary.state-completed .thumb img,.my-application-summary.state-ended .thumb img{filter:grayscale(1)}
.my-task-status{font-size:13px;font-weight:700;color:var(--info);margin-bottom:8px}
.state-rework .my-task-status{color:var(--warn)}.state-payment .my-task-status{color:var(--primary)}.state-completed .my-task-status{color:var(--ok)}.state-ended .my-task-status,.state-waiting .my-task-status{color:var(--muted)}
.application-overview .steps{gap:10px;padding:6px 0}
.application-overview .steps li{font-size:14px}.application-overview .steps li::before{height:10px;margin-bottom:12px}
.step-index{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:var(--surface-2);margin-right:6px;font-size:12px;font-weight:700}
.steps .cur .step-index,.steps .done .step-index{background:var(--primary);color:var(--on-primary)}
.task-payment-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.payment-option{display:grid;gap:4px;padding:12px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;text-align:center}
.payment-option .hint{margin:0;font-size:12px}.payment-option[aria-checked=true]{border:2px solid var(--primary);background:var(--primary-soft);padding:11px 7px}
.payment-option:disabled{cursor:default}.payment-option:disabled:not([aria-checked=true]){opacity:.5}
.payout-settings{width:100%;min-width:0}.payout-methods{align-items:stretch}
.payout-identity{display:flex;align-items:center;gap:12px}.payout-identity h2{margin:0}
.payment-brand{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;font-size:25px;font-weight:750;background:var(--info-soft);color:var(--info)}
.payment-brand.paypay{background:var(--danger-soft);color:var(--danger)}
.payout-method{display:flex;flex-direction:column;gap:12px;padding:24px}.payout-method .hint{margin:0}.payout-method .field{margin-bottom:0}
.payout-qr-row{padding:16px;background:var(--surface-2);border-radius:10px;flex:1;align-items:center}
.payout-save-row{margin-top:20px;padding:24px;align-items:center;background:var(--surface-2)}
.payout-save-row .field{flex:1;max-width:480px}.payout-save-row .btn{flex:none;width:auto}
@media(max-width:900px){.my-task-search{grid-template-columns:1fr 1fr}.my-task-search>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.my-status-filters{gap:6px}.my-status-filters .btn{padding:8px 10px}.application-overview .steps{gap:5px}.application-overview .steps li{font-size:11px}.step-index{display:grid;margin:0 auto 6px;width:24px}.payout-method{padding:18px}.payout-save-row{padding:18px;align-items:stretch}.my-task-search{gap:10px}.payout-qr-row{flex-wrap:wrap}}
.provider-flags{display:grid;grid-template-columns:repeat(2,minmax(108px,1fr));gap:6px;max-width:240px}
.provider-flags .chip{display:flex;align-items:center;justify-content:center;min-height:34px;width:100%;white-space:nowrap;padding:4px 8px}
.merchant-history-link{font-weight:600;text-underline-offset:3px}
/* Shared recovery, editing and history components. */
body.modal-open{overflow:hidden}
.modal h2{margin-top:0}.modal .err:empty{display:none}.modal .err{margin:12px 0}
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;padding-top:16px;padding-bottom:24px;border-top:1px solid var(--border)}
body.has-section-nav .app-footer{max-width:var(--content-max);margin:0 auto}
.connection-state{padding:10px 24px;background:var(--warn-soft);color:var(--warn);font-size:14px}
.connection-state[hidden]{display:none}
.help-topics details+details{border-top:1px solid var(--border)}.help-topics summary{padding:12px 0;font-weight:600;cursor:pointer}.help-topics p{margin:0 0 16px;color:var(--muted)}
.draft-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--surface-2);padding:12px;border-radius:8px;margin-bottom:20px}
.draft-bar .hint{margin:0}.editor-actions{border-top:1px solid var(--border);padding-top:16px}.editor-actions>.meta{justify-content:flex-end;margin-top:12px}.editor-actions .btn.block{width:auto;min-width:160px}
.activity-panel{margin-top:16px}.activity-panel>summary{cursor:pointer;font-weight:600;min-height:44px;padding:8px 0}.activity-content{padding-top:8px}.activity-list{list-style:none;padding:0 0 0 14px;margin:0;border-left:2px solid var(--border)}.activity-list li{position:relative;padding:0 0 20px 10px}.activity-list li::before{content:'';position:absolute;left:-20px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--primary)}.activity-list .pre{margin:6px 0 0;overflow-wrap:anywhere}
.upload-feedback{font-size:13px;color:var(--muted);margin:8px 0}.upload-feedback.error{color:var(--danger)}
.thumb.image-unavailable{flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}.task .thumb.image-unavailable{aspect-ratio:1/1}
@media(max-width:767px){.app-footer{margin:0!important;padding:16px 16px calc(96px + env(safe-area-inset-bottom))}.editor-actions .meta{display:grid;grid-template-columns:1fr 1fr}.editor-actions .btn.block{min-width:0}.activity-panel{padding:14px}}

.evidence-preview{display:block;border:0;padding:0;width:100%;height:100%;background:var(--surface-2);cursor:zoom-in}.evidence-preview:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}

/* Shared merchant directory and searchable task selection. */
.merchant-picker-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:12px}
.merchant-picker-controls>*{min-width:0}
.merchant-picker .pagination{margin:8px 0;padding:8px 0}
.merchant-filters{display:grid;grid-template-columns:minmax(260px,2fr) minmax(210px,1fr) 96px 96px;gap:16px;align-items:end;margin:0 0 16px;padding:18px}
.merchant-filters>div{display:grid;gap:6px;min-width:0}
.merchant-filters label{font-size:14px;font-weight:650;line-height:1.4;color:var(--text)}
.merchant-filters input,.merchant-filters select{width:100%;min-width:0;height:48px}
.merchant-filters>.btn{width:100%;min-height:48px;white-space:nowrap}
.merchant-table{display:block;width:100%;max-width:none;overflow:hidden;padding:0}
.merchant-table .table-scroll{width:100%;margin:0;overflow-x:auto}
.merchant-directory{width:100%;min-width:100%;table-layout:fixed}
.merchant-directory th,.merchant-directory td{padding:14px 18px;vertical-align:middle}
.merchant-directory thead{background:var(--surface-2)}
.merchant-directory th{height:52px;border-bottom:1px solid var(--border);font-size:13px;font-weight:650;color:var(--muted);white-space:nowrap}
.merchant-directory .merchant-count-heading{text-align:center}
.merchant-directory tbody tr:last-child td{border-bottom:0}
.merchant-directory tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 28%,var(--surface))}
.merchant-directory td{height:64px}
.merchant-code-cell,.merchant-name-cell,.merchant-date-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.merchant-code{display:inline-flex;align-items:center;min-height:30px;padding:2px 10px;border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--text)}
.merchant-name-cell{font-weight:600}
.merchant-count-cell{text-align:center;font-variant-numeric:tabular-nums}
.merchant-count{display:inline-grid;min-width:36px;min-height:30px;place-items:center;padding:0 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:650}
.merchant-date-cell{color:var(--muted);font-variant-numeric:tabular-nums}
.merchant-actions-cell .btn{min-width:104px}
@media(max-width:1023px){.merchant-filters{grid-template-columns:minmax(0,1.5fr) minmax(190px,1fr) 88px 88px;gap:12px}.merchant-directory th,.merchant-directory td{padding-left:14px;padding-right:14px}}
@media(max-width:767px){.merchant-picker-controls{grid-template-columns:minmax(0,1fr)}.merchant-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px}.merchant-filters>div{grid-column:1/-1}.merchant-filters>.btn{min-width:0}}
@media(max-width:767px){.merchant-directory{min-width:840px}}
@media(max-width:479px){.merchant-directory{min-width:840px}.merchant-directory th,.merchant-directory td{padding-left:10px;padding-right:10px}}

/* Task requirements use quiet, readable callouts instead of blending into the data table. */
.task-highlights{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px;max-width:56rem}
.task-highlight{min-width:0;padding:14px 16px;border:0;border-radius:10px;background:var(--surface-2);color:var(--text)}
.task-highlight>strong{display:block;margin-bottom:5px;font-size:14px;color:var(--text)}
.task-highlight .coupon-restriction{display:inline;font-size:inherit;font-weight:800;color:var(--text);text-decoration:underline;text-underline-offset:3px}
.task-highlight p{margin:0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.task-detail-text{margin:28px 0 0;padding:0;color:var(--text)}
.task-detail-text h2,.task-detail-text h3{margin:0 0 10px;font-size:16px;line-height:1.5;font-weight:650}
.task-detail-text p{margin:0;line-height:1.8;overflow-wrap:anywhere}
.task-detail-text p+p{margin-top:8px}
.guide-important{padding:2px 3px;background:var(--text-highlight);color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.task-option-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:12px 0 16px}
.task-option{display:flex;gap:12px;align-items:flex-start;min-width:0;min-height:44px;padding:8px 0;border:0;background:transparent;cursor:pointer}
.task-option input[type=checkbox]{appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex:0 0 22px;width:22px;height:22px;min-width:22px;min-height:22px;max-width:22px;max-height:22px;aspect-ratio:1;padding:0;margin:1px 0 0;border:1.5px solid var(--muted);border-radius:5px;background:var(--surface);cursor:pointer;align-self:flex-start}
.task-option input:checked{background:var(--primary);border-color:var(--primary)}
.task-option input:checked::after{content:"";width:6px;height:11px;border:solid var(--on-primary);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}
.task-option input:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 30%,transparent);outline-offset:2px}
.review-content-details{padding:8px 0 0 34px;background:transparent}
.task-option span{display:grid;gap:4px}.task-option strong{font-size:14px}.task-option small{font-size:13px;color:var(--muted);line-height:1.5}
.guide-field{margin-top:24px;padding:0;border:0;background:transparent}
.guide-field-heading{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 16px;margin-bottom:8px}
.guide-field-heading h3{margin:0;font-size:15px;font-weight:650}
.guide-modes{display:flex;gap:8px}
.guide-mode{min-height:44px;padding:6px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}
.guide-mode[aria-pressed="true"]{border-bottom-color:var(--primary);color:var(--text);font-weight:650}
.guide-mode:hover{color:var(--primary)}
.guide-mode:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.submission-guide.task-detail-text{margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text)}
@media(max-width:767px){.task-highlights,.task-option-grid{grid-template-columns:minmax(0,1fr)}}

/* Centered workspace; related controls stay close even on large displays. */
.task-form{container-type:inline-size;container-name:task-form}
.task-form-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px 32px}
.form-section{min-width:0;padding:0;border:0;background:transparent}
.form-section-wide{grid-column:1/-1}
.form-section>h2{font-size:17px;font-weight:700;line-height:1.5;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.form-product-grid,.form-numbers,.form-schedule,.form-guides{display:grid;grid-template-columns:minmax(0,1fr);gap:0 20px;align-items:start}
.form-product-grid>*{min-width:0}
.form-schedule{max-width:none}
.form-compensation{display:grid;grid-template-columns:minmax(0,1fr);gap:20px 32px;align-items:start}
.form-compensation>*{min-width:0}
.task-form .payment-fields{grid-template-columns:minmax(0,1fr)}
.task-form .payment-fields .fee-row{flex-wrap:wrap;gap:8px}
.task-form .payment-fields input{flex:1 1 100px}
.task-form #f_payout_days{flex:1 1 0;min-width:0}
.task-form #f_quantity,.task-form #f_hold_hours,.task-form #f_deadline_days{max-width:none}
.task-form .guide-field{margin-top:0}
.task-form .guide-field textarea{min-height:160px}
.task-form #f_title{min-height:88px}
.task-form .guide-field-heading h3{font-size:15px}
.task-form .guide-mode{padding:6px 10px}
.task-form .form-section>.field:last-child{margin-bottom:0}
.task-form .review-content-details select{margin-bottom:12px}
.task-form+.row{margin-top:24px;gap:10px}
.task-form+.row>.btn{flex:0 1 auto}
.task-form+.btn{margin-top:20px}
.task-form .chk{align-items:flex-start;padding-top:8px}
.task-form .chk input{margin:3px 0 0;padding:0}
@container task-form (min-width:640px){
  .form-product-grid,.form-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-compensation{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-guides{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container task-form (min-width:1080px){
  .task-form-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-guides{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.task-edit-card{container-type:inline-size;container-name:task-edit-card}
.task-edit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:10px;margin-top:24px}
.task-edit-actions>.btn{width:100%;min-height:48px}
@container task-edit-card (min-width:750px){.task-edit-actions{grid-template-columns:repeat(4,minmax(0,180px))}}
.marketplace-detail h1{font-size:clamp(20px,1.5vw,28px);line-height:1.5;overflow-wrap:anywhere}
.marketplace-detail .task-detail-text p{max-width:80ch}
.task-detail-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}
.product-search-guide{margin-top:16px;padding:20px;border-radius:var(--r);background:var(--surface-2);font-size:14px;line-height:1.7}
.product-search-guide h2{margin:0 0 12px;font-size:17px}
.product-search-guide p{margin:12px 0 0}
.product-search-guide .search-guide .btn{width:100%;max-width:100%;white-space:normal;line-height:1.5;padding:12px;overflow-wrap:anywhere}
.product-search-guide .search-required{margin-top:16px}
.product-search-guide ul{margin:8px 0 0;padding-left:20px}
.product-search-guide li+li{margin-top:4px}
.task-apply-action{flex:1 1 100%;min-width:0}
.task-apply-action>.btn{width:100%;min-height:52px;font-size:17px}
.task-product-column>.task-manage-link{display:flex;width:100%;margin-top:16px}
.admin-user-application{display:block;padding:16px 0;color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}
.admin-user-application:hover{color:var(--primary)}
.admin-user-application .row{align-items:center;justify-content:space-between;margin-bottom:8px}
.admin-user-application .row>*{flex:none}
.task-application-summary{margin:24px 0 32px}
.task-application-summary h2{margin:0}
.task-queue-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.task-queue-metrics a{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--surface-2);border-radius:10px;text-decoration:none;color:var(--text)}
.task-queue-metrics strong{font-size:26px}.task-queue-metrics a:hover{background:var(--primary-soft)}
.case-workspace{margin-top:24px}
.case-overview{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.case-overview .s-label{font-size:20px;margin-right:auto}
.case-content{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}
.case-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.case-content>*{min-width:0}
.case-content h2,.case-content h3{margin:0 0 16px;font-size:17px}
.case-evidence .sect,.case-payment .sect{border:0;padding:0;margin:16px 0}
.case-evidence .tb{width:112px;height:112px}
.case-conversation .conversation{max-height:360px;overflow-y:auto}
.case-conversation .page-head{margin-bottom:16px}.case-conversation .page-head h2{margin:0}
.case-payout-content{display:grid;gap:16px;margin-top:16px}
.case-payout-content .pay{min-width:0}.case-payment .pay-line{padding:16px 0;border-top:1px solid var(--border)}
.case-actions{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--border)}
.case-actions .danger{margin-left:auto}
.case-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:stretch}
.case-review-column{display:grid;gap:20px;min-width:0}
@media(min-width:1200px){.case-columns:has(>.case-payment){grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:639px){.task-queue-metrics,.case-evidence-grid{grid-template-columns:minmax(0,1fr)}.case-actions .btn{width:100%}.case-actions .danger{margin-left:0}}
.task-apply-action p{margin:0 0 8px}
@media(min-width:1100px){.marketplace-detail{grid-template-columns:minmax(180px,min(28%,360px)) minmax(0,1fr)}}
@media(min-width:768px){
  .task-highlight{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 12px}
  .task-highlight>strong{margin:0;grid-column:1;grid-row:1}
  .task-highlight>p{grid-column:2}
}
@media(max-width:479px){
  .task-detail-actions{align-items:stretch;gap:16px}
  .task-apply-action{flex-basis:100%}
  .task-apply-action>.btn{width:100%}
  .product-input-row{flex-wrap:wrap}
  .product-input-row input{flex-basis:100%}
  .review-content-details{padding-left:0}
}

.btn.message{background:var(--text-highlight);border-color:transparent;color:var(--text)}
.btn.message:hover{border-color:var(--muted);background:var(--surface-2)}

.rule-keyword{display:inline;font-size:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.case-evidence-grid>.case-evidence:last-child:nth-child(3){grid-column:1/-1}

/* Mobile workspaces keep actions reachable and records readable without sideways scrolling. */
@media(max-width:767px){
  .btn.sm,.guide-mode{min-height:44px}
  .btn{white-space:normal;line-height:1.4;padding-block:10px;overflow-wrap:anywhere}
  .section-sidebar nav{scroll-snap-type:x proximity;scroll-padding-inline:8px}
  .section-sidebar nav a{scroll-snap-align:start}
  .task-form-layout{gap:24px}
  .form-section>h2{margin-bottom:16px}
  .task-form .guide-field textarea{min-height:120px}
  .task-form #f_title{min-height:96px}
  .task-option{min-height:48px;padding-block:8px}
  .task-queue-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .task-queue-metrics a{padding:12px;min-height:80px}
  .task-application-summary{margin:20px 0 24px}
  .task-edit-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .submission-actions>.btn,.application-next>.btn{width:100%}
  .submission-summary{gap:8px;flex-wrap:wrap}
  .submission-summary .grow{flex-basis:calc(100% - 50px)}
  .submission-toggle{margin-left:44px}
  .submission-summary::after{margin-left:auto}
  .submission-editor .tb,.submission-editor .add{width:96px;height:96px}
  .tb .x{width:44px;height:44px;top:0;right:0}
  .application-context .btn,.application-context .btn.block{width:100%}
  .product-search-guide{padding:16px}
  .marketplace-detail>.task-product-column>.thumb{max-height:320px;aspect-ratio:4/3}
  .task-highlight{padding:14px}
  dl.kv{grid-template-columns:86px minmax(0,1fr);gap:10px 12px}
  .case-actions{gap:10px;padding-bottom:0}
  .case-actions .btn{min-height:48px}
  .modal{max-height:calc(100dvh - 12px);scroll-padding-bottom:24px}
  .modal input,.modal textarea,.modal select{font-size:16px}
  .modal .row>.btn{min-height:48px}
  :is(input,textarea,select,button,a,details){scroll-margin-top:72px;scroll-margin-bottom:110px}
  .tbl:is(.admin-users-table,.merchant-directory,.stats-table,.provider-table){display:block;min-width:0;width:100%;table-layout:auto}
  .tbl:is(.admin-users-table,.merchant-directory,.stats-table,.provider-table) colgroup{display:none}
  .tbl:is(.admin-users-table,.merchant-directory,.stats-table,.provider-table) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .tbl:is(.admin-users-table,.merchant-directory,.stats-table,.provider-table) tbody{display:block;width:100%}
  .tbl:is(.admin-users-table,.merchant-directory,.stats-table,.provider-table) tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border-bottom:1px solid var(--border)}
  .tbl:is(.admin-users-table,.merchant-directory,.stats-table,.provider-table) tbody tr:last-child{border-bottom:0}
  .tbl:is(.admin-users-table,.merchant-directory,.stats-table,.provider-table) td{display:block;width:auto;min-width:0;max-width:none;height:auto;padding:0;border:0;text-align:left;overflow-wrap:anywhere}
  .tbl:is(.admin-users-table,.merchant-directory,.stats-table,.provider-table) td::before{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:400}
  .tbl:is(.admin-users-table,.merchant-directory,.stats-table,.provider-table) td:first-child{grid-column:1/-1;font-weight:600}
  .tbl:is(.admin-users-table,.merchant-directory,.provider-table) td:last-child{grid-column:1/-1}
  .tbl:is(.admin-users-table,.merchant-directory,.provider-table) td:last-child .btn{width:100%}
  .tbl td[colspan]{grid-column:1/-1}
  .admin-users-table td:nth-child(2)::before{content:'角色'}
  .admin-users-table td:nth-child(3)::before{content:'登录记录'}
  .admin-users-table td:nth-child(4)::before{content:'参与任务'}
  .admin-users-table td:nth-child(5)::before{content:'服务商动态'}
  .admin-users-table td:nth-child(6)::before{content:'账号状态'}
  .merchant-directory td:nth-child(2)::before{content:'店家名称'}
  .merchant-directory td:nth-child(3)::before{content:'任务数'}
  .merchant-directory td:nth-child(4)::before{content:'最近更新'}
  .stats-table td:nth-child(2)::before{content:'完成 / 进行中'}
  .stats-table td:nth-child(3)::before{content:'已完成返金'}
  .stats-table td:nth-child(4)::before{content:'已完成测评佣金'}
  .stats-table td:nth-child(5)::before{content:'已完成中介佣金'}
  .stats-table td:nth-child(6)::before{content:'进行中预计中介佣金'}
  .provider-table td:nth-child(2)::before{content:'账号状态'}
  .provider-table td:nth-child(3)::before{content:'发布情况'}
  .provider-table td:nth-child(4)::before{content:'申请进度'}
  .provider-table td:nth-child(5)::before{content:'需要处理'}
  .provider-table td:nth-child(6)::before{content:'最近活动'}
}
@media(max-width:479px){
  .application-overview .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}
  .application-overview .steps li{font-size:13px;min-width:0}
  .application-overview .steps li::before{height:6px;margin-bottom:8px}
  .application-overview .step-index{margin-bottom:5px}
  .task-form .payment-fields .fee-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .task-form .payment-fields .seg-group{width:100%}
  .task-form .payment-fields .seg-btn{flex:1;min-height:44px}
  .task-form .payment-fields input{width:100%}
  .form-compensation{gap:8px}
  .guide-field-heading{flex-wrap:wrap;gap:8px}
}
.admin-task-card{display:flex;flex-direction:column}
.admin-task-card>.stats-product-actions{margin-top:auto;padding-top:16px;justify-content:flex-end}
@media(max-width:479px){.admin-task-card>.stats-product-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-task-card>.stats-product-actions>.btn{width:100%;min-width:0}}
.trash-tabs{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap}
.trash-tabs [aria-current=page]{font-weight:700;box-shadow:inset 0 -2px var(--primary)}
@media(max-width:767px){.trash-tabs>.btn{flex:1}}

.application-requirements{overflow:hidden}
.application-requirements>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px 20px;cursor:pointer;list-style:none;background:var(--surface-2)}
.application-requirements>summary::-webkit-details-marker{display:none}
.application-requirements>summary::after{display:none}
.requirements-summary>strong{display:flex;gap:8px;align-items:center;font-size:17px}
.requirements-summary svg{width:20px;height:20px;flex:none;color:var(--primary)}
.requirements-toggle{grid-column:2;grid-row:1/3;align-self:center;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--primary);font-weight:650;white-space:nowrap}
.requirements-preview{display:flex;flex-wrap:wrap;gap:6px 14px;min-width:0;color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.requirements-preview>span{max-width:100%}
.requirements-content{padding:0 20px 20px}
.requirements-content .task-highlights{max-width:none}
.requirements-content .kv{margin:18px 0;grid-template-columns:110px minmax(0,1fr)}
.requirement-description h3{font-size:16px;margin:18px 0 8px}
@media(max-width:600px){.application-requirements>summary{padding:14px;gap:10px}.requirements-summary>strong{font-size:16px}.requirements-toggle{grid-row:1;padding:8px 10px;font-size:14px}.requirements-preview{grid-column:1/-1}.requirements-content{padding:0 14px 14px}.requirements-content .kv{grid-template-columns:76px minmax(0,1fr);gap:10px}.requirements-content dd{overflow-wrap:anywhere}}

.my-application-copy h2 a{color:inherit;text-decoration:none}
.my-application-copy h2 a:hover{text-decoration:underline}
.my-application-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}
.my-application-actions .btn{width:100%;min-width:0;min-height:44px}
.cards .my-application-actions{width:100%}
.rows .my-application-actions{flex:none}
@media(max-width:767px){.my-application-actions{width:100%}}

.card.completed-task{background:var(--surface-2);color:var(--muted);opacity:1}
.card.completed-task .thumb img{filter:grayscale(1)}

.square-filter-advanced{min-width:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4px 0}
.square-filter-advanced>summary{cursor:pointer;font-size:14px;font-weight:650;min-height:44px;padding:12px 0;color:var(--primary)}
.square-advanced-fields{display:grid;gap:14px;padding:4px 0 12px}
@media(max-width:767px){.square-filter-advanced{grid-column:1/-1}.square-advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

.search-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.search-entry-modes{display:flex;gap:6px}.search-entry-modes .btn{min-width:80px;min-height:44px}
.search-guide .btn svg{width:18px;height:18px;flex-shrink:0}
.search-guide .btn.copy-link{background:var(--info-soft);color:var(--info);border-color:var(--info)}
.search-guide .btn.copy-link:hover{filter:brightness(.96)}

/* The product and search inputs share the same heading and control heights. */
.search-entry-heading{min-height:44px}.search-entry-heading label{margin:0}
@container task-form (min-width:640px){
  .product-entry-field>label{min-height:44px;display:flex;align-items:center;margin-bottom:8px}
}
.profile-settings,.account-review-card{min-width:0;margin-bottom:20px}
.profile-instructions{padding-left:24px;line-height:1.8}
.profile-instructions li{margin-bottom:8px}
.profile-copy-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0}
.profile-copy-row code{min-width:0;overflow-wrap:anywhere;flex:1 1 280px;padding:12px;background:var(--surface-2);border-radius:8px;font-size:14px}
.copy-profile{background:var(--info-soft);color:var(--info);border-color:var(--info);min-height:44px}
.copy-profile svg{width:18px;height:18px}.settings-section-title{margin:28px 0 16px}
@media(max-width:600px){.profile-copy-row>.btn{flex:1 1 100%}.profile-settings .page-head,.account-review-card .page-head{flex-wrap:wrap}}

.marketplace-grid .task .ttl{min-height:2.9em}
@supports(grid-template-rows:subgrid){
  .marketplace-grid>.task{display:grid;grid-row:span 11;grid-template-rows:subgrid;row-gap:0;min-width:0}
  .marketplace-grid>.task>.body{display:grid;grid-row:span 10;grid-template-rows:subgrid;row-gap:10px;min-width:0}
  .marketplace-grid .task-reference{margin-top:0;align-self:end}
  .marketplace-grid .task-store,.marketplace-grid .task .ttl{align-self:start}
}
.queue-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.task-queue-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}

.price-filter{padding:16px 0;border-top:1px solid var(--border);min-width:0}
.price-filter-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-size:14px}
.price-filter-value{font-size:14px;font-weight:700;color:var(--primary);background:var(--primary-soft);padding:5px 8px;border-radius:8px;font-variant-numeric:tabular-nums}
.price-slider{position:relative;height:44px;margin:12px 22px;touch-action:none;cursor:pointer}
.price-slider-rail,.price-slider-fill{position:absolute;top:19px;height:6px;border-radius:8px;background:var(--border);left:0;right:0}
.price-slider-fill{background:var(--primary);right:auto}
.price-slider-handle{position:absolute;top:0;width:44px;height:44px;padding:0;transform:translateX(-50%);background:transparent;border:0;cursor:grab;touch-action:none;border-radius:50%}
.price-slider-handle::after{content:'';display:block;width:24px;height:24px;margin:auto;border-radius:50%;background:var(--primary);border:2px solid var(--surface)}
.price-slider-handle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;z-index:2}
.price-filter-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px}
.price-filter-inputs input{width:100%;min-width:0;padding:10px 8px;font-size:14px}
.category-filter summary{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.category-filter summary small{font-size:12px;color:var(--primary);white-space:nowrap}
.category-actions{display:flex;gap:8px}.category-actions .btn{flex:1}
.category-options{display:grid;gap:2px;max-height:360px;overflow:auto;margin-top:8px;overscroll-behavior:contain}
.category-choice{display:flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:6px 8px;border-radius:6px;font-size:14px;cursor:pointer}
.category-choice input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;flex:none;accent-color:var(--primary);margin:0}
.category-choice:has(input:checked){color:var(--primary);background:var(--primary-soft);font-weight:600}

.new-product-image{border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.new-product-image h2{font-size:16px}.new-product-image-preview img{display:block;width:160px;height:160px;max-width:100%;object-fit:contain;border:1px solid var(--border);border-radius:12px;margin:12px 0}

/* Help stays in the header, including on phones with bottom navigation. */
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}
.help-link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:var(--muted);font-size:15px;text-decoration:none;white-space:nowrap}
.help-link:hover{color:var(--text);background:var(--surface-2)}
.help-link[aria-current=page]{color:var(--primary);background:var(--primary-soft);font-weight:600}
.user-guide{width:100%;margin:0;line-height:1.85;overflow-wrap:anywhere}
.guide-intro{margin-bottom:24px}.guide-intro>p{color:var(--muted);margin:12px 0}
.guide-links{display:flex;gap:12px 24px;flex-wrap:wrap}
.guide-contents{padding:20px;background:var(--surface-2);border-radius:var(--r);margin-bottom:24px}
.guide-contents>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;margin-top:8px}
.guide-contents button{border:0;background:transparent;color:var(--primary);font:inherit;text-align:left;cursor:pointer;min-height:44px;padding:6px 0}
.guide-contents button:hover{text-decoration:underline}
.guide-body{padding:28px 32px}.guide-section{scroll-margin-top:100px}
.guide-section+.guide-section{margin-top:28px;padding-top:28px;border-top:1px solid var(--border)}
.guide-section h2{display:flex;align-items:center;gap:12px;font-size:20px;margin:0 0 16px}
.guide-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:16px;flex:none}
.guide-section p{margin:12px 0}.guide-section ul,.guide-section ol{padding-left:24px;margin:12px 0}.guide-section li+li{margin-top:8px}
.guide-callout{border-left:3px solid var(--primary);background:var(--surface-2);padding:2px 16px;margin:16px 0;border-radius:0 8px 8px 0}
.guide-figure{margin:16px 0}.guide-figure a{display:block}.guide-figure img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:8px;background:#fff}.guide-figure figcaption{margin-top:8px;font-size:14px;line-height:1.6;color:var(--muted)}.guide-figure figcaption strong{color:var(--text)}
.guide-copy{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;background:var(--surface-2);border-radius:8px}.guide-copy code{flex:1;min-width:0;overflow-wrap:anywhere}.guide-copy .btn{flex:none}
@media(max-width:639px){.guide-body{padding:20px 16px}.guide-contents{padding:16px}.guide-contents>div{grid-template-columns:minmax(0,1fr)}.guide-section h2{font-size:18px}.top-actions{gap:0}.help-link{padding:0 10px}.guide-copy code{flex-basis:100%}}

.help-nav-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--surface-2);flex:none;font-size:13px}
.help-sidebar nav a{align-items:flex-start;line-height:1.5}
.help-sidebar nav a[aria-current=page] .help-nav-number{background:var(--primary);color:var(--on-primary)}
.conversation-modal .chat-status{margin:10px 0 0;font-size:12px}
.conversation-modal textarea{min-height:88px;max-height:20dvh}

.payment-brand.wechat{background:var(--success-soft,var(--surface-2));color:var(--primary)}
.payout-warning{padding:12px;border-radius:8px;background:var(--surface-2);color:var(--text);line-height:1.6;overflow-wrap:anywhere}
.payout-warning span{display:block;margin-top:6px}
.payout-paypal{overflow-wrap:anywhere;min-width:0}
.payout-paypal .btn{margin-top:8px}
.order-code{white-space:normal}.order-code-text{white-space:nowrap}
.order-code-text{font-family:"SF Mono",Menlo,Consolas,monospace;font-size:.95em;letter-spacing:.2px;color:var(--text)}
button.order-code-text{border:0;background:none;padding:0;margin:0;cursor:copy;text-decoration:underline dotted;text-underline-offset:3px;min-height:auto}
button.order-code-text:hover{color:var(--primary)}
.application-order{margin:0 0 4px;font-size:13px;color:var(--muted)}
.case-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.case-title h1{margin-right:4px}

/* Admin workspace and actionable rework states. */
.admin-workspace{min-width:0}.admin-eyebrow{color:var(--primary);font-size:13px;font-weight:700;letter-spacing:.04em;margin:0 0 8px}
.provider-dashboard .provider-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.provider-dashboard .provider-metrics{margin:0 0 24px}.provider-dashboard .provider-metrics>.card:first-child{border-top:3px solid var(--primary)}
.provider-filter-card{padding:0 18px;box-shadow:none}.provider-filter-card .filter-panel{border-top:1px solid var(--border);margin:0;border-radius:0;background:transparent}
.provider-filter-card .filter-panel>summary{background:transparent}.provider-filter-card .admin-task-filters{box-shadow:none;border:0;padding:8px 0 20px}
.provider-quick-filters{margin:16px 0}.provider-list-heading{justify-content:space-between;margin:28px 0 12px}.provider-list-heading h2{margin:0}.provider-list-heading p{margin:6px 0 0}
.provider-dashboard .provider-table th{background:var(--surface-2);font-size:13px}.provider-dashboard .provider-table td{padding-top:20px;padding-bottom:20px}.provider-dashboard .provider-table tbody tr:hover{background:var(--surface-2)}
.provider-dashboard .provider-table .provider-actions .btn:first-child{color:var(--primary);border-color:var(--primary)}
.admin-data-note{margin-top:20px;color:var(--muted);font-size:13px}.admin-data-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.modal.modal-wide{width:min(900px,calc(100vw - 32px));max-width:900px;padding:24px}
.provider-detail-status{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px}.provider-detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
.provider-detail-section{border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px;min-width:0}.provider-detail-section h3{margin:0 0 16px}.provider-detail-section .kv{font-size:13px}
.provider-fee-setting{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}.provider-fee-input{display:flex;gap:10px;margin-top:8px}.provider-fee-input input{min-width:0;flex:1;width:0}.provider-fee-input .btn{flex-shrink:0}
.provider-detail-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.provider-detail-stat{display:flex;flex-direction:column;gap:8px;min-width:0}.provider-detail-stat strong{font-size:24px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.provider-fee-totals{display:grid;gap:20px}.provider-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}.provider-detail-footer .hint{max-width:260px}
.commission-dashboard .provider-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.commission-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.commission-overview p:first-child{margin-top:0;font-weight:600}.commission-primary{background:var(--primary-soft);border-color:var(--primary)}
.stats-secondary .stat-value{font-size:22px}.commission-dashboard .stats-secondary{margin-top:16px}.stats-scope{line-height:1.8}.commission-dashboard .stats-table th{background:var(--surface-2)}
.submission-shell{overflow:hidden}.submission-shell .submission-panel{border:0;border-radius:0;box-shadow:none}.is-returned{border:6px solid var(--danger)!important;box-shadow:0 0 0 6px var(--danger-soft)!important}.is-returned .submission-number{background:var(--danger-soft);color:var(--danger)}
.return-footer{display:flex;justify-content:flex-end;padding:0 20px 12px}.return-detail{display:inline-flex;align-items:center;min-height:44px;border:0;padding:8px 0;background:none;color:var(--danger);font:inherit;font-size:24px;font-weight:800;cursor:pointer;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.return-detail:focus-visible{outline:2px solid var(--danger);outline-offset:4px}
.msg.return-message-highlight{outline:2px solid var(--danger);outline-offset:4px;background:var(--danger-soft);scroll-margin:100px 0}.payout-method .payout-warning{margin-top:0}
@media(max-width:767px){.provider-dashboard .provider-heading,.provider-detail-footer{align-items:stretch;flex-direction:column}.provider-detail-grid{grid-template-columns:1fr}.provider-detail-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.modal.modal-wide{padding:18px}.provider-detail-section{padding:14px}.provider-detail-footer .hint{max-width:none}.commission-overview{grid-template-columns:1fr}.provider-filter-card{padding:0 12px}.provider-list-heading{align-items:flex-start}.return-footer{padding-inline:16px}.provider-fee-input{flex-wrap:wrap}.provider-fee-input input{min-width:100px}}
.stats-user-payments{margin:16px 0}.stats-user-payments>summary{font-weight:600;color:var(--muted);cursor:pointer;min-height:44px;padding:10px 0}.stats-presets{margin-top:20px}.stats-presets .btn{flex:0 0 auto;min-width:88px}.provider-fee-conversion{color:var(--primary);font-weight:600}
.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-24px;background:var(--surface);padding:12px 0;z-index:1}.modal-heading h2{margin:0}.modal-heading .btn{flex:none}
@media(max-width:767px){.modal-heading{top:-18px}}