.ui-icon{display:inline-block;vertical-align:middle;flex:none}.nav-button span:first-child{display:inline-flex;align-items:center;justify-content:center}.mobile-tab .ui-icon{width:19px;height:19px}.top-actions [hidden]{display:none!important}.board-layout-controls{display:none}.browser-session-notice{position:fixed;z-index:120;bottom:24px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 28px));background:#fff;border:1px solid #f1d099;border-radius:18px;box-shadow:0 12px 50px #15354b33;padding:22px;display:flex;gap:12px;flex-wrap:wrap}.browser-session-notice strong,.browser-session-notice>span{width:100%}.browser-session-notice>span{font-size:13px;line-height:1.6;color:#61778a}.board-candidates{margin-top:14px}.board-candidates>summary{cursor:pointer;padding:10px 0;font-size:13px;font-weight:700;color:var(--ocean-dark)}.board-candidates>.offer-list{margin-top:0}.board-task-extra>summary{cursor:pointer;font-size:12px;font-weight:650;color:var(--ocean-dark);padding:9px 0}.board-task-extra{display:none}.task-head>div:first-child{min-width:0}.task-head h3,.task-description{overflow-wrap:anywhere}#task-show-more,#task-results>.empty{grid-column:1/-1}.board-card-footer{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.board-card-footer .secondary-button{font-size:12px}.task-card{min-width:0}.task-card .task-description{white-space:pre-wrap}
@media(min-width:981px){
  .app-shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{position:sticky;top:0;align-self:start;height:100dvh;overflow-y:auto;padding:22px 12px;gap:26px}.brand{padding:0 8px}.brand strong{font-size:15px}.navigation{gap:4px}.nav-button{font-size:13px;min-height:42px;padding:10px 12px;gap:10px}.nav-button.active{background:#e5f4fd;box-shadow:inset 3px 0 var(--ocean)}.sidebar-user{padding:18px 9px 0}.sidebar-user p{font-size:13px;overflow-wrap:anywhere}.sidebar-user small{font-size:10px}.sidebar-user .badge{white-space:normal}.topbar{padding:17px 26px;z-index:9;min-height:78px}.topbar h1{font-size:23px}.topbar .eyebrow{font-size:9px}.view{max-width:none;padding:26px 26px 50px}.view:has(#profile-form),.view:has(#task-form),.view:has(.work-detail),.view:has(.pp-review){max-width:1280px}.board-switch{max-width:560px}.board-switch button{font-size:13px;padding:10px 16px}.task-filters{grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(100px,1fr));gap:12px;padding:17px 18px}.task-filter-search{grid-column:auto}.task-filter-summary{margin-top:2px;font-size:12px}.task-filters .field-label{font-size:12px}.task-filters input,.task-filters select{font-size:13px;min-height:40px}.board-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.board-layout-controls{display:flex;gap:3px;background:#e8f1f8;border:1px solid #dce9f2;border-radius:12px;padding:3px}.board-layout-controls button{font-size:12px;padding:7px 10px;border:0;background:transparent;color:#73889b;border-radius:9px;box-shadow:none}.board-layout-controls button[aria-pressed=true]{background:#fff;color:var(--ocean-dark);box-shadow:0 2px 6px #18384d0d}.board-layout-controls .ui-icon{width:16px;height:16px}.board-list-toolbar .form-note{margin:0}.dashboard-recent-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-stat{padding:17px 18px}.dashboard-stat .stat-value{font-size:30px}.dashboard-stat .stat-note{font-size:11px}.dashboard-stat .stat-label{font-size:12px}
  html[data-board-layout=tiles] #task-results{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-items:start}
  html[data-board-layout=tiles] #task-results .task-card{padding:18px;box-shadow:0 5px 22px #0b1f3305;border-color:#dae7f0;border-radius:17px;transition:border-color .2s,box-shadow .2s}
  html[data-board-layout=tiles] #task-results .task-card:hover{border-color:#afd7ef;box-shadow:0 8px 30px #1270ab0c}
  html[data-board-layout=tiles] #task-results .task-head{display:block}
  html[data-board-layout=tiles] #task-results .task-head h3{font-size:15px;line-height:1.5;margin-bottom:10px}
  html[data-board-layout=tiles] #task-results .task-head .form-note{font-size:10px}
  html[data-board-layout=tiles] #task-results .task-head .button-row{gap:5px}
  html[data-board-layout=tiles] #task-results .task-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #eaf0f5}
  html[data-board-layout=tiles] #task-results .task-actions strong{font-size:11px;color:var(--muted)}
  html[data-board-layout=tiles] #task-results .task-actions button{font-size:12px;padding:8px 10px}
  html[data-board-layout=tiles] #task-results .task-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px;line-height:1.6;margin:13px 0 8px}
  html[data-board-layout=tiles] #task-results .task-card>.task-context,html[data-board-layout=tiles] #task-results .task-card>.tags{display:none}
  html[data-board-layout=tiles] #task-results .board-task-extra{display:block}
  html[data-board-layout=tiles] #task-results .board-full-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.65;color:#526b7f}
  html[data-board-layout=tiles] #task-results .task-card .crm-deal-link{font-size:12px;padding:8px 11px}
  html[data-board-layout=tiles] #task-results .task-card .work-warning{font-size:12px}
  html[data-board-layout=tiles] #task-results .board-assignee{padding:12px;gap:6px;margin-top:12px}.board-assignee strong{font-size:14px}
  html[data-board-layout=tiles] #task-results .board-assignee small{font-size:10px}
  html[data-board-layout=tiles] #task-results .offer{grid-template-columns:minmax(0,1fr) auto;gap:8px;font-size:11px}
  html[data-board-layout=tiles] #task-results .offer-name{font-size:13px}
  html[data-board-layout=tiles] #task-results .offer-meta{display:none}
  html[data-board-layout=tiles] #task-results .response{grid-column:1/-1}
  html[data-board-layout=tiles] #task-results .offer-name small{white-space:normal;overflow-wrap:anywhere}
  html[data-board-layout=tiles] #task-results .score{font-size:18px;text-align:right}
}
@media(min-width:1550px){.dashboard-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.view{padding:28px 32px 50px}.topbar{padding-left:32px;padding-right:32px}}
@media(max-width:720px){.browser-session-notice{bottom:90px}.board-list-toolbar{margin-bottom:12px}}
/* Telegram fullscreen controls/notches must never cover our header. */
html:has(.telegram-fullscreen) .topbar{padding-top:calc(15px + var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px))}
.board-assignee .candidate-telegram{display:inline-flex;align-items:center;gap:6px;color:var(--ocean-dark);font-size:13px;font-weight:650;text-decoration:none;width:fit-content;max-width:100%}.board-assignee .candidate-telegram:hover{text-decoration:underline}.task-card .crm-deal-link{text-decoration:none}.board-candidates summary:focus-visible,.board-task-extra summary:focus-visible{outline:2px solid var(--ocean);outline-offset:3px;border-radius:4px}
