/* v11.445 tasks.php scoped responsive rebuild */
body.tasks-page{overflow-x:hidden}
body.tasks-page .page-main{width:min(100%,1120px);max-width:1120px;min-width:0;margin:0 auto;padding:22px 16px calc(92px + env(safe-area-inset-bottom))}
body.tasks-page .page-main *,body.tasks-page .page-main *::before,body.tasks-page .page-main *::after{box-sizing:border-box}
body.tasks-page .social-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:22px;margin:8px 0 18px;padding:30px;border-radius:26px;overflow:hidden}
body.tasks-page .social-hero-copy{min-width:0;max-width:none}
body.tasks-page .social-hero h1{font-size:clamp(30px,4vw,46px);overflow-wrap:anywhere}
body.tasks-page .social-hero p{max-width:680px;overflow-wrap:anywhere}
body.tasks-page .social-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
body.tasks-page .social-hero-actions .btn{width:auto;max-width:100%}
body.tasks-page .social-hero-bubbles{width:220px;max-width:100%}
body.tasks-page .browse-toolbar{width:100%;min-width:0;padding:20px;border-radius:24px;overflow:hidden}
body.tasks-page .browse-toolbar-top{min-width:0;gap:10px}
body.tasks-page .browse-toolbar-top>div{min-width:0}
body.tasks-page .quick-create-mini{flex:0 0 auto;max-width:100%}
body.tasks-page .browse-filter,body.tasks-page .browse-search{width:100%;min-width:0}
body.tasks-page .browse-search input{min-width:0}
body.tasks-page .browse-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:10px}
body.tasks-page .browse-filter-grid>*{min-width:0}
body.tasks-page .browse-filter-grid .btn{width:auto;white-space:nowrap}
body.tasks-page .quick-filter-pills{display:flex;gap:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-inline:contain}
body.tasks-page .quick-filter-pills::-webkit-scrollbar{display:none}
body.tasks-page .quick-filter-pills>a{flex:0 0 auto;white-space:nowrap}
body.tasks-page .task-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;min-width:0}
body.tasks-page .task-social-card{width:100%;min-width:0;max-width:100%;padding:19px;border-radius:24px;overflow:hidden}
body.tasks-page .task-social-top{min-width:0;gap:8px}
body.tasks-page .task-social-top .chips{min-width:0}
body.tasks-page .task-date-badge{white-space:nowrap}
body.tasks-page .task-social-title,body.tasks-page .task-person-row,body.tasks-page .task-area-highlight,body.tasks-page .task-social-price{min-width:0;overflow-wrap:anywhere;word-break:break-word}
body.tasks-page .task-person-row>div:last-child{min-width:0}
body.tasks-page .task-social-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.tasks-page .task-social-facts>div{min-width:0}
body.tasks-page .task-social-facts b,body.tasks-page .task-social-facts small{min-width:0;white-space:normal;overflow-wrap:anywhere}
body.tasks-page .task-social-price>span{margin-left:auto;min-width:0}
body.tasks-page .task-social-actions{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:9px}
body.tasks-page .task-social-actions .btn{width:100%;min-width:0;white-space:normal;text-align:center}
body.tasks-page .icon-action{width:46px!important;min-width:46px!important}
body.tasks-page .task-share-details{min-width:0}
body.tasks-page .mobile-fab-create{max-width:calc(100vw - 28px);right:max(14px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom))}
@media(max-width:860px){
 body.tasks-page .social-hero{grid-template-columns:1fr;padding:24px 20px}
 body.tasks-page .social-hero-bubbles{display:none}
 body.tasks-page .task-social-grid{grid-template-columns:1fr}
 body.tasks-page .browse-filter-grid{grid-template-columns:1fr 1fr}
 body.tasks-page .browse-filter-grid .btn{width:100%}
}
@media(max-width:700px){
 body.tasks-page .page-main{width:100%;max-width:none;padding:12px max(12px,env(safe-area-inset-right)) calc(94px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 body.tasks-page .social-hero{margin-top:4px;padding:20px 16px;border-radius:20px}
 body.tasks-page .social-hero h1{font-size:30px}
 body.tasks-page .social-hero-actions{display:grid;grid-template-columns:1fr}
 body.tasks-page .social-hero-actions .btn{width:100%}
 body.tasks-page .browse-toolbar{padding:15px 13px;border-radius:19px}
 body.tasks-page .browse-toolbar-top{align-items:flex-start;flex-wrap:wrap}
 body.tasks-page .browse-filter-grid{grid-template-columns:1fr 1fr}
 body.tasks-page .task-social-card{padding:16px;border-radius:20px}
 body.tasks-page .task-social-title{font-size:20px;margin:13px 0 11px}
 body.tasks-page .task-social-facts{grid-template-columns:1fr}
}
@media(max-width:440px){
 body.tasks-page .page-main{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
 body.tasks-page .browse-filter-grid{grid-template-columns:1fr}
 body.tasks-page .task-social-top{display:grid;grid-template-columns:1fr}
 body.tasks-page .task-date-badge{justify-self:start}
 body.tasks-page .task-social-price{display:grid;grid-template-columns:1fr}
 body.tasks-page .task-social-price>span{margin-left:0}
}
@media(orientation:landscape) and (max-width:950px) and (max-height:600px){
 body.tasks-page .page-main{padding-top:10px}
 body.tasks-page .social-hero{grid-template-columns:1fr;padding:16px 18px}
 body.tasks-page .social-hero-bubbles{display:none}
 body.tasks-page .social-hero h1{font-size:28px;margin-bottom:6px}
 body.tasks-page .social-hero-actions{margin-top:10px}
}

/* v11.543 task date filters */
.task-date-filter{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border:1px solid var(--border,#dfe5e2);border-radius:12px;background:#fff}
.task-date-filter input{border:0;outline:0;background:transparent;min-width:140px;width:100%;font:inherit;color:inherit}
.task-date-pills span.active{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-weight:700}
@media(max-width:720px){.task-date-filter{grid-column:1/-1}.task-date-filter input{min-width:0}}


/* v11.634 VIP 月卡委託：醒目但不影響閱讀的流光邊框 */
.task-social-card.task-vip-card{position:relative;border:1px solid rgba(180,138,35,.42);box-shadow:0 8px 28px rgba(135,98,15,.10);overflow:hidden}
.task-social-card.task-vip-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;padding:2px;background:linear-gradient(115deg,rgba(184,134,11,.18),rgba(255,255,255,.9),rgba(212,175,55,.48),rgba(255,255,255,.9),rgba(184,134,11,.18));background-size:240% 100%;animation:saytalkVipSweep 5.5s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.task-social-card.task-vip-card .social-chip.special{font-weight:800}
@keyframes saytalkVipSweep{0%{background-position:220% 0}100%{background-position:-20% 0}}
@media (prefers-reduced-motion:reduce){.task-social-card.task-vip-card:before{animation:none}}
/* v11.635 paid task accelerator */
.task-social-card.task-featured-card{box-shadow:0 10px 34px rgba(0,0,0,.16);transform:translateZ(0)}
.task-social-card.task-featured-card:after{content:"精選";position:absolute;right:-30px;top:14px;width:110px;text-align:center;transform:rotate(38deg);font-size:12px;font-weight:900;background:#111;color:#fff;padding:5px 0;pointer-events:none}
.task-social-card.task-urgent-card{outline:2px solid rgba(220,80,45,.22);outline-offset:-2px}