/* The longer board entry must not push account buttons outside the header. */
/* Compact board controls, matching the request filters. */
#market :is(#marketBoardTools,#marketExtraFilters,#marketSearchForm,#marketPages,#marketEmpty) .btn,#market #marketFree,#market #marketSort{width:auto!important;max-width:100%;flex:0 1 auto;box-sizing:border-box;min-height:44px;padding:10px 16px!important;border:1px solid #8fc9a0!important;border-radius:999px!important;background:linear-gradient(#f6fff8,#e3f3e8)!important;color:#1c4a38!important;font-weight:800;filter:none;transform:none;box-shadow:inset 0 1px 0 #fff,0 4px 0 #2a6b4a,0 10px 18px rgba(30,80,50,.18),0 0 9px 1px rgba(72,210,130,.13)!important;transition:transform .2s,box-shadow .2s}
#market :is(#marketBoardTools,#marketExtraFilters,#marketSearchForm,#marketPages,#marketEmpty) .btn:not(:disabled):hover,#market #marketFree:hover,#market #marketSort:hover{filter:none;transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 #fff,0 6px 0 #245c40,0 14px 22px rgba(30,80,50,.22),0 0 12px 2px rgba(80,230,140,.20)!important}
#market :is(#marketBoardTools,#marketSearchForm,#marketEmpty) .btn-primary,#market #marketFree[aria-pressed=true]{background:linear-gradient(#4aa876,#246348)!important;color:#fff!important;border-color:#1e5a3e!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 0 #163d2a,0 10px 18px rgba(20,60,40,.28),0 0 12px 2px rgba(90,255,160,.18)!important}
#market :is(#marketBoardTools,#marketExtraFilters,#marketSearchForm,#marketPages,#marketEmpty) .btn:focus-visible,#market #marketFree:focus-visible,#market #marketSort:focus-visible{outline:2px solid #246348;outline-offset:5px}
#market #marketBoardTools,#market #marketPages{gap:12px}
#market #marketExtraFilters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
#market #marketExtraFilters label{flex:0 1 auto;min-width:0;max-width:100%}
#market #marketExtraFilters select{border-radius:999px;width:16em;max-width:100%;height:44px;padding:10px 14px}
#market #marketExtraFilters #mFilterCondition{width:11em}
#market #marketExtraFilters input{width:8em;max-width:100%;height:44px}
#market #marketExtraFilters>.btn{grid-column:auto;align-self:flex-end}
#market #marketSort{flex:none;width:13em!important;font:inherit;font-size:13px}
#market .market-filter-controls{justify-content:flex-start;gap:12px;flex-wrap:wrap}
#market .market-filter-controls>label{width:auto;flex:0 1 auto;max-width:100%}
@media(prefers-reduced-motion:reduce){#market :is(#marketBoardTools,#marketExtraFilters,#marketSearchForm,#marketPages,#marketEmpty) .btn:hover,#market #marketFree:hover,#market #marketSort:hover{transition:none;transform:none!important}}
/* Keep the direction picker next to IT without inheriting full-width form styles. */
#requests #filters .extra-cat{flex:0 0 auto!important;width:12em!important;min-width:0!important;max-width:100%!important;border-radius:999px!important;align-self:center;box-sizing:border-box}
#requests #filters .chip{box-sizing:border-box;flex:0 0 auto!important;min-height:44px!important;height:44px!important;padding:10px 16px!important;font-size:16px!important;line-height:1.25!important;white-space:nowrap}
/* The app already has a Services tab for opening the full category list. */
html.is-android-app .popular .pop-head>a[href="#catalog"]{display:none!important}
#requests .request-feed-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 8px}
#requests [data-helper-profile],#requests [data-helper-all]{width:auto!important;flex:0 1 auto;min-height:44px;padding:10px 16px!important;border:1px solid #8fc9a0!important;border-radius:999px!important;background:linear-gradient(#f6fff8,#e3f3e8)!important;color:#1c4a38!important;font-weight:800;box-shadow:inset 0 1px 0 #fff,0 4px 0 #2a6b4a,0 10px 18px rgba(30,80,50,.18),0 0 9px 1px rgba(72,210,130,.13)!important}
#requests [data-helper-profile]:hover,#requests [data-helper-all]:hover{transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 #fff,0 6px 0 #245c40,0 14px 22px rgba(30,80,50,.22),0 0 12px 2px rgba(80,230,140,.20)!important}
#requests [data-helper-profile]:focus-visible,#requests [data-helper-all]:focus-visible{outline:2px solid #246348;outline-offset:5px}
@media(prefers-reduced-motion:reduce){#requests [data-helper-profile]:hover,#requests [data-helper-all]:hover{transform:none!important}}
/* Examples stay visibly distinct from real requests. */
.demo-task-badge{display:none!important}
#requests .demo-task .task-top{display:none}
#requests .demo-task .task-top .tag{display:none}
#requests .demo-task .demo-task-person{font-size:13px!important;color:#4b6355;margin:10px 14px}
#requests .demo-task .demo-task-actions{display:flex;margin-top:14px}
#requests .demo-task .demo-task-actions button{flex:1}
@media(min-width:901px){
  header.header-v063{height:auto;min-height:78px}
  header.header-v063 .header-inner{min-width:0;height:auto;min-height:78px;gap:14px;padding-block:10px}
  header.header-v063 .main-nav{min-width:0;flex-wrap:wrap;justify-content:center;gap:7px 14px}
  header.header-v063 .main-nav a{white-space:nowrap;padding-block:3px;font-size:14px}
  header.header-v063 .header-actions{flex-shrink:0}
}