/* Ported from the supplied frosted.css. Selector adapters retain live production behavior. */
/* Concept 10 — Frosted: translucent system chrome over solid content.

   Built to the frosted-UI rules rather than the glassmorphism ones:
   1. Chrome that floats above content (topbar, rails, popovers, modal, toast)
      carries the glass. Everything people read sits on an opaque surface.
   2. Solid colour is authored first. The translucent layer is only swapped in
      where backdrop-filter actually exists, so a missing or disabled filter
      degrades to a plain light panel instead of an unreadable smear.
   3. Blur never stacks. A surface already sitting on a frosted layer gets a
      tint, not a second filter.
   4. Backdrop stays pale and low-chroma so dark text keeps its ratio over it,
      and saturate() keeps the tinted-through colour from going grey.

   The backdrop is static on purpose. An animated mesh behind two large
   backdrop-filter surfaces forces a full re-blur every frame, which is the
   performance trap this material is notorious for. Motion here is
   interaction-based: chrome lifts on hover and presses on click. */

body.tasker-shell {
  --bg: #e9efee;
  --surface: #fff;
  --surface-soft: #f8faf9;
  --ink: #16302a;
  /* Darkened from the shared token: text over a translucent fill has less
     headroom than text on white, so the muted grey steps down to keep 4.5:1. */
  --muted: #4a5f5a;
  --line: #dbe5e3;
  --green: #0f6f57;
  --green-dark: #0b5643;
  --green-soft: #e4f2ec;
  --orange: #b4601f;
  --orange-soft: #fdf0e3;
  --red: #a83a30;
  --red-soft: #fbeae7;
  --blue: #33627f;
  --blue-soft: #e9f1f6;
  --shadow: 0 10px 30px rgba(13, 48, 40, .09);

  /* Frost tokens. Defaults are the solid fallback; @supports upgrades them. */
  --frost-fill: #eef4f2;
  --frost-fill-strong: #f7faf9;
  --frost-fill-panel: #e7efed;
  --frost-filter: ;
  --frost-tint: rgba(255, 255, 255, .5);
  --frost-tint-soft: rgba(255, 255, 255, .34);
  --frost-edge: rgba(255, 255, 255, .74);
  --frost-hair: rgba(16, 54, 45, .13);
  --frost-lift: inset 0 1px 0 rgba(255, 255, 255, .9), 0 8px 26px rgba(13, 48, 40, .1);
  --frost-lift-sm: inset 0 1px 0 rgba(255, 255, 255, .85), 0 4px 14px rgba(13, 48, 40, .08);

  background-color: var(--bg);
  color: var(--ink);
}

@supports (backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px)) {
  body.tasker-shell {
    --frost-fill: rgba(255, 255, 255, .7);
    --frost-fill-strong: rgba(255, 255, 255, .84);
    --frost-fill-panel: rgba(255, 255, 255, .58);
    --frost-filter: blur(22px) saturate(180%);
  }
}

/* Users who ask the OS for less transparency get the solid panels. */
@media (prefers-reduced-transparency: reduce) {
  body.tasker-shell {
    --frost-fill: #eef4f2;
    --frost-fill-strong: #f7faf9;
    --frost-fill-panel: #e7efed;
    --frost-filter: ;
    --frost-tint: rgba(255, 255, 255, .6);
    --frost-tint-soft: rgba(255, 255, 255, .45);
  }
}

/* ---- Backdrop ------------------------------------------------------- */

/* A pale, low-chroma mesh. Frosted chrome reads as tinted glass over this
   rather than as coloured blobs, which is what keeps text contrast stable. */
body.tasker-shell {
  position: relative;
  z-index: 1;
}

body.tasker-shell::before {
  content: '';
  position: fixed;
  inset: -20vmax;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(38vmax 38vmax at 14% 6%, rgba(96, 196, 162, .5), transparent 62%),
    radial-gradient(42vmax 42vmax at 86% 12%, rgba(124, 170, 233, .42), transparent 64%),
    radial-gradient(34vmax 34vmax at 80% 94%, rgba(240, 190, 126, .36), transparent 62%),
    radial-gradient(30vmax 30vmax at 26% 82%, rgba(168, 148, 226, .28), transparent 64%),
    radial-gradient(28vmax 28vmax at 58% 52%, rgba(150, 214, 205, .3), transparent 66%);
}

/* ---- Top chrome ------------------------------------------------------ */

body.tasker-shell .workspace-header {
  background: var(--frost-fill);
  -webkit-backdrop-filter: var(--frost-filter);
  backdrop-filter: var(--frost-filter);
  border-bottom: 1px solid var(--frost-hair);
  box-shadow: var(--frost-lift);
}

body.tasker-shell .brand-mark {
  background: linear-gradient(155deg, #14916f, #0b5643);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 2px 8px rgba(11, 86, 67, .3);
}

/* The light brand tint lost too much contrast over the frosted bar. */
body.tasker-shell .brand-period {
  color: #0f6f57;
}

body.tasker-shell .primary-nav > a {
  color: #425c51;
  border-radius: 8px;
  margin: 9px 0;
}

body.tasker-shell .primary-nav > a:hover {
  background: var(--frost-tint);
  color: var(--ink);
}

body.tasker-shell .primary-nav > a[aria-current="page"] {
  background: var(--frost-tint);
}

body.tasker-shell .primary-nav > a[aria-current="page"]:after {
  background: linear-gradient(90deg, #35b58c, #0f6f57);
  box-shadow: 0 0 10px rgba(53, 181, 140, .55);
}

body.tasker-shell .nav-count {
  background: rgba(15, 111, 87, .12);
}

body.tasker-shell .demo-badge {
  color: #42604b;
  background: var(--frost-tint);
  border-color: var(--frost-edge);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

body.tasker-shell .account-link {
  color: #425c51;
  background: var(--frost-tint);
  border: 1px solid var(--frost-edge);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 2px 8px rgba(13, 48, 40, .1);
}

/* ---- Popovers ------------------------------------------------------- */

body.tasker-shell .workspace-menu > summary {
  background: var(--frost-tint);
  border-color: var(--frost-edge);
  box-shadow: var(--frost-lift-sm);
  transition: background .15s, box-shadow .15s;
}

body.tasker-shell .workspace-menu > summary:hover {
  border-color: rgba(15, 111, 87, .45);
  background: rgba(255, 255, 255, .68);
}

/* Near-opaque by design: a menu is chrome stacked on chrome, so it leans on
   its own fill rather than on a second blur. */
body.tasker-shell .workspace-menu-links {
  background: var(--frost-fill-strong);
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  backdrop-filter: blur(26px) saturate(180%);
  border-color: var(--frost-edge);
  box-shadow: var(--frost-lift), 0 18px 44px rgba(13, 48, 40, .16);
}

@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  body.tasker-shell .workspace-menu-links {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

body.tasker-shell .workspace-menu-links a:hover,
body.tasker-shell .workspace-menu-links a[aria-current="page"] {
  background: rgba(15, 111, 87, .12);
  color: var(--green);
}

/* ---- Transient chrome ----------------------------------------------- */

body.tasker-shell dialog::backdrop {
  background: rgba(11, 32, 26, .46);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

body.tasker-shell dialog {
  background: var(--frost-fill-strong);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  backdrop-filter: blur(28px) saturate(180%);
  border: 1px solid var(--frost-edge);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 28px 80px rgba(11, 32, 26, .3);
}

@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  body.tasker-shell dialog,
  body.tasker-shell dialog::backdrop {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

body.tasker-shell .toast {
  background: var(--frost-fill-strong);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  color: var(--ink);
  border: 1px solid var(--frost-edge);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 14px 38px rgba(11, 32, 26, .26);
}

/* ---- Rails and board columns ---------------------------------------- */

/* Rail containers are chrome in the Finder sense: they sit beside content,
   not under it, so the blur shows the page behind them. */
body.tasker-shell .conversations,
body.tasker-shell .requests {
  background: var(--frost-fill-panel);
  -webkit-backdrop-filter: var(--frost-filter);
  backdrop-filter: var(--frost-filter);
  border-color: var(--frost-edge);
  box-shadow: var(--frost-lift);
}

/* Already on a frosted panel, so a tint rather than another filter. */
body.tasker-shell .panel-heading {
  background: var(--frost-tint-soft);
}

body.tasker-shell .tabs {
  background: var(--frost-tint-soft);
}

body.tasker-shell .conversation:hover {
  background: var(--frost-tint);
}

body.tasker-shell .conversation.active {
  background: rgba(15, 111, 87, .13);
}

/* Board columns are containers; the cards on them stay opaque. */
body.tasker-shell .task-lane {
  background: var(--frost-fill-panel);
  -webkit-backdrop-filter: var(--frost-filter);
  backdrop-filter: var(--frost-filter);
  border-color: var(--frost-edge);
  box-shadow: var(--frost-lift-sm);
}

body.tasker-shell .lane-heading > span {
  color: #445c55;
  background: rgba(15, 111, 87, .12);
}

body.tasker-shell .task-lane .empty {
  background: rgba(255, 255, 255, .5);
  border-color: rgba(16, 54, 45, .18);
}

/* The shortcut bar and tab strips are toolbars, so they carry the material. */
body.tasker-shell .board-toolbar,
body.tasker-shell .settings-subnav {
  background: var(--frost-fill);
  -webkit-backdrop-filter: var(--frost-filter);
  backdrop-filter: var(--frost-filter);
  border-color: var(--frost-edge);
  box-shadow: var(--frost-lift-sm);
}

body.tasker-shell .settings-subnav a:hover {
  background: var(--frost-tint);
}

body.tasker-shell .settings-subnav a[aria-current="page"] {
  background: var(--frost-tint);
}

/* ---- Content stays solid -------------------------------------------- */

body.tasker-shell .card,
body.tasker-shell .property-card,
body.tasker-shell .worker-card,
body.tasker-shell .settings-card,
body.tasker-shell .automation-rule,
body.tasker-shell .property-card,
body.tasker-shell .activity-metrics > article,
body.tasker-shell .home-request-row,
body.tasker-shell .home-work,
body.tasker-shell .urgent-card,
body.tasker-shell .task-card,
body.tasker-shell .request-card,
body.tasker-shell .intake-card,
body.tasker-shell .outbox-card,
body.tasker-shell .home-summary,
body.tasker-shell .inbox-status > div,
body.tasker-shell .focus-item,
body.tasker-shell .thread {
  background: #fff;
}

body.tasker-shell .card,
body.tasker-shell .property-card,
body.tasker-shell .worker-card,
body.tasker-shell .settings-card,
body.tasker-shell .automation-rule,
body.tasker-shell .property-card {
  border-color: rgba(16, 54, 45, .11);
  box-shadow: 0 6px 20px rgba(13, 48, 40, .07);
}

body.tasker-shell .property-card:hover,
body.tasker-shell .task-card:hover {
  border-color: rgba(15, 111, 87, .38);
  box-shadow: 0 10px 26px rgba(13, 48, 40, .1);
}

/* Fields are read and typed into, so they never go translucent. */
body.tasker-shell input,
body.tasker-shell select,
body.tasker-shell textarea,
body.tasker-shell .message-text,
body.tasker-shell .attachment,
body.tasker-shell .attachment-link {
  background: #fff;
}

body.tasker-shell input:focus,
body.tasker-shell select:focus,
body.tasker-shell textarea:focus {
  border-color: rgba(15, 111, 87, .55);
  box-shadow: 0 0 0 3px rgba(15, 111, 87, .13);
}

/* The message thread is long-form reading, so it stays a solid sheet. */
body.tasker-shell .messages {
  background: #fff;
}

body.tasker-shell .thread-heading,
body.tasker-shell #compose-form {
  background: var(--surface-soft);
}

body.tasker-shell #compose-form {
  border-top-color: rgba(16, 54, 45, .11);
}

/* ---- Motion ---------------------------------------------------------- */

body.tasker-shell .workspace-header,
body.tasker-shell .workspace-menu > summary {
  animation: frost-settle .5s ease-out both;
}

@keyframes frost-settle {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }
}

body.tasker-shell button,
body.tasker-shell .workspace-menu > summary,
body.tasker-shell .primary-nav > a,
body.tasker-shell .card {
  transition: background .16s, border-color .16s, box-shadow .16s, transform .16s;
}

body.tasker-shell button:hover {
  transform: translateY(-1px);
}

body.tasker-shell button:active {
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  body.tasker-shell .workspace-header,
  body.tasker-shell .workspace-menu > summary {
    animation: none;
  }

  body.tasker-shell button:hover,
  body.tasker-shell .property-card:hover {
    transform: none;
  }

  body.tasker-shell button,
  body.tasker-shell .workspace-menu > summary,
  body.tasker-shell .primary-nav > a,
  body.tasker-shell .card {
    transition: none;
  }
}

/* ---- Focus ----------------------------------------------------------- */

body.tasker-shell .workspace-header :focus-visible,
body.tasker-shell .workspace-menu-links :focus-visible {
  outline-color: #0f6f57;
}

/* Layout and component geometry from app.css + simplify.css. */
body.tasker-shell{isolation:isolate;font-size:14px;background:var(--bg);--green-dark:#0b5643;--orange:#b4601f;--orange-soft:#fdf0e3;--red-soft:#fbeae7;--blue:#33627f;--blue-soft:#e9f1f6}
body.tasker-shell::before{z-index:-1}
.tasker-shell main{padding:14px 32px 54px;min-height:calc(100vh - 68px)}
.tasker-shell :is(h1,h2,h3){font-family:Manrope,'DM Sans',Arial,sans-serif}
.tasker-shell h1{font-size:24px;letter-spacing:-.045em}.tasker-shell h2{font-size:16px}.tasker-shell h3{font-size:14px}
.tasker-shell .eyebrow{color:var(--green);font-size:10px;font-weight:700;letter-spacing:.1em}
.tasker-shell .page-heading{margin-bottom:12px}.tasker-shell .page-heading p{margin-bottom:0}
.tasker-shell .workspace-header{gap:20px;padding:0 24px;height:68px}
.tasker-shell .workspace-header .primary-nav{flex:0 1 auto;gap:2px;height:100%;overflow-x:auto;scrollbar-width:none}
.tasker-shell .primary-nav>a{font-size:13px;padding:12px 10px;align-self:center;font-weight:500}
.tasker-shell .primary-nav>a[aria-current=page]::after{bottom:-5px;background:linear-gradient(90deg,#35b58c,#0f6f57);box-shadow:0 0 10px #35b58c60}
.tasker-shell #workspace-name{display:none}
.tasker-shell .workspace-header .brand::before{background:linear-gradient(#fff,#fff) 5px 5px/7px 7px no-repeat,linear-gradient(#fff,#fff) 16px 5px/7px 7px no-repeat,linear-gradient(#fff,#fff) 5px 16px/7px 7px no-repeat,linear-gradient(#fff,#fff) 16px 16px/7px 7px no-repeat,linear-gradient(155deg,#14916f,#0b5643)}
.tasker-shell button{font-weight:500;line-height:1.25;border-radius:8px;min-height:26px;font-size:12px;padding:4px 10px;cursor:pointer}
.tasker-shell button.primary:hover{background:var(--green-dark)}
.tasker-shell button.link{font-size:12px;min-height:30px;padding:5px 3px}
.tasker-shell .action-link{min-height:26px;padding:4px 10px;font-size:12px}
.tasker-shell input:not([type=checkbox]):not([type=radio]),.tasker-shell select,.tasker-shell textarea{min-height:37px;font-size:13px;border-radius:8px}
.tasker-shell input[type=checkbox],.tasker-shell input[type=radio]{accent-color:var(--green)}
.tasker-shell :is(.pill,.property-chip,.property-status){font-size:10px;line-height:1.5;padding:2px 7px;font-weight:650}
.tasker-shell .pill.urgent::before,.tasker-shell .urgent-flag::before{content:'●';font-size:9px;margin-right:4px}
.tasker-shell .pill.review{color:#8a5718;background:var(--orange-soft)}
.tasker-shell .tabs{padding:8px;gap:4px;border-bottom:1px solid var(--line)}
.tasker-shell .tabs button{border:0;background:transparent;color:var(--muted);border-radius:7px}
.tasker-shell .tabs button[aria-pressed=true]{color:var(--green);background:var(--green-soft);font-weight:650;box-shadow:none}
.tasker-shell .settings-subnav{background:var(--frost-fill);border-color:var(--frost-edge);padding:5px;gap:3px;margin-bottom:20px;box-shadow:var(--frost-lift-sm);backdrop-filter:var(--frost-filter)}
.tasker-shell .settings-subnav a{padding:9px 15px;min-height:38px;font-size:12px}
.tasker-shell .settings-subnav a[aria-current=page]{background:white;box-shadow:0 2px 7px #17392f13;color:var(--green)}
.tasker-shell :is(.directory-filters,.board-toolbar,.activity-filters){padding:10px 12px;background:var(--frost-fill);border:1px solid var(--frost-edge);border-radius:12px;box-shadow:var(--frost-lift-sm)}
.tasker-shell .board-toolbar>.tabs{display:none}/* Main nav already selects the work type. */
.tasker-shell .board-filters{padding:0;gap:10px;align-items:end}
.tasker-shell .board-filters label{font-size:11px;min-width:110px}
.tasker-shell .board-filters .check{margin-top:0;align-self:center}
.tasker-shell .task-board{gap:14px;align-items:start}
.tasker-shell .task-lane{padding:0;border-color:var(--frost-edge);min-height:180px;transition:border-color .15s,background .15s}
.tasker-shell .lane-heading{padding:12px;gap:8px;border-bottom:1px solid var(--frost-hair)}
.tasker-shell .lane-heading h2{margin:0;font-size:14px}
.tasker-shell .lane-heading>span{padding:2px 7px;border-radius:10px;margin-left:0;font-size:10px}
.tasker-shell .lane-heading .lane-add{margin-left:auto;min-width:30px;font-size:20px;padding:0;line-height:1}
.tasker-shell .lane-cards{padding:9px;gap:10px;min-height:110px;align-content:start}
.tasker-shell .task-lane[data-drop-state=urgent]>.lane-heading{background:#fbeae7b8}
.tasker-shell .task-lane[data-drop-state=ordered]>.lane-heading,.tasker-shell .task-lane[data-drop-state=in_progress]>.lane-heading{background:#fff0dfb8}
.tasker-shell .task-lane[data-drop-state=delivered]>.lane-heading,.tasker-shell .task-lane[data-drop-state=complete]>.lane-heading{background:#dff0e8b8}
.tasker-shell .task-card{display:flex;flex-direction:column;padding:14px;gap:8px;border-radius:10px;box-shadow:0 2px 8px #17392f08}
.tasker-shell .task-card p{margin:0}.tasker-shell .task-card .task-title{font-size:14px;font-weight:650;line-height:1.45;min-height:24px}
.tasker-shell .task-meta{font-size:11px;gap:6px}
.tasker-shell .task-meta>span:not(.urgent-flag):not(.task-list-status){background:var(--green-soft);color:var(--green);padding:1px 6px;border-radius:4px;font-weight:650}
.tasker-shell .task-card>.actions{border-top:1px solid var(--line);padding-top:7px;margin-top:auto}
.tasker-shell .task-card .task-primary{align-self:start;min-height:23px;padding:3px 8px;font-size:12px}
.tasker-shell .task-card>.actions button{min-height:23px;font-size:11px;border:0;background:transparent;color:var(--green);padding:4px 2px}
.tasker-shell .task-item-preview{font-size:12px}.tasker-shell .task-item-spec{font-size:11px}
.tasker-shell .board-lane-jumps{margin:8px 0;gap:4px}.tasker-shell .board-lane-jumps button{background:#ffffff90;border:1px solid var(--frost-edge);font-size:11px;min-height:28px;padding:4px 9px}
.tasker-shell .board-products{background:var(--frost-fill-panel);border-color:var(--frost-edge);box-shadow:var(--frost-lift-sm);backdrop-filter:var(--frost-filter)}
.tasker-shell [draggable=true]{cursor:grab}.tasker-shell .dragging{opacity:.45;cursor:grabbing}.tasker-shell .task-lane.drag-over{outline:2px solid var(--green);outline-offset:2px;background:#d9eee3}
.tasker-shell .board-drag-hint{font-size:11px;margin:8px 0;color:var(--muted)}
.tasker-shell .worker-card,.tasker-shell .property-card{padding:18px;border-color:var(--frost-hair);box-shadow:0 6px 20px #0d302812;gap:10px;display:flex;flex-direction:column;align-items:stretch}
.tasker-shell :is(.worker-card,.property-card)>p{margin:0;font-size:12px}
.tasker-shell .directory-card-top{display:flex;align-items:center;gap:11px;min-width:0}
.tasker-shell .directory-card-top h2{font-size:16px;margin:0;line-height:1.4;overflow-wrap:anywhere}
.tasker-shell .directory-card-top .quiet{margin:3px 0 0;font-size:12px}
.tasker-shell .directory-card-top>.pill{margin-left:auto;white-space:normal}
.tasker-shell .directory-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#e4f2ec;color:var(--green);font-size:13px;font-weight:700}
.tasker-shell .worker-card:nth-child(3n+2) .directory-avatar{background:#e9f1f6;color:#33627f}.tasker-shell .worker-card:nth-child(3n) .directory-avatar{background:#f0eafa;color:#76559d}
.tasker-shell .directory-home-chips{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0}
.tasker-shell .directory-contact{border-top:1px solid var(--line);padding-top:2px;margin-top:3px;font-size:12px}.tasker-shell .directory-contact summary{padding:9px 0;color:var(--muted);cursor:pointer}
.tasker-shell .directory-contact p{margin:6px 0}
.tasker-shell :is(.worker-card,.property-card)>.actions{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);gap:6px 10px}
.tasker-shell :is(.worker-card,.property-card)>.actions button{font-size:12px;min-height:30px;padding:5px 8px}
.tasker-shell .property-times{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-soft);border:1px solid var(--line);padding:10px;border-radius:8px;margin:2px 0;font-size:11px;gap:10px}
.tasker-shell .property-times strong{font-size:13px}
.tasker-shell .settings-card{padding:18px;border-color:var(--frost-hair)}
.tasker-shell .settings-card h2{font-size:16px}.tasker-shell .settings-card p{font-size:12px;line-height:1.6}
.tasker-shell .settings-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--green-soft);color:var(--green);font-size:20px;margin-bottom:12px}
.tasker-shell .settings-card:nth-child(3n+2) .settings-icon{color:var(--blue);background:var(--blue-soft)}
.tasker-shell .settings-card:nth-child(3n) .settings-icon{color:var(--orange);background:var(--orange-soft)}
.tasker-shell .activity-metrics{margin:12px 0 18px}.tasker-shell .activity-metrics article{padding:15px 18px;gap:3px;border-top:3px solid #69b59c}
.tasker-shell .activity-metrics article:nth-child(2){border-top-color:#e6b270}.tasker-shell .activity-metrics article:nth-child(3){border-top-color:#8baedb}.tasker-shell .activity-metrics article:nth-child(4){border-top-color:#b09acb}
.tasker-shell .activity-metrics strong{font-size:25px}.tasker-shell .activity-metrics span{font-size:12px}
.tasker-shell .activity-entry{font-size:13px}.tasker-shell .activity-entry h3{font-size:14px}
.tasker-shell :is(.automation-workbench>aside,.automation-builder,.automation-history,.plain-builder){background:var(--frost-fill-panel);border-color:var(--frost-edge);border-radius:14px;box-shadow:var(--frost-lift-sm)}
.tasker-shell .automation-templates{gap:12px;margin:18px 0}.tasker-shell .automation-templates button{font-size:13px;box-shadow:0 3px 12px #17392f08;background:white}
.tasker-shell .automation-templates button:nth-child(3n+1){border-top:3px solid #72b89d}.tasker-shell .automation-templates button:nth-child(3n+2){border-top:3px solid #8baedb}.tasker-shell .automation-templates button:nth-child(3n){border-top:3px solid #d6b180}
.tasker-shell .automation-templates span{font-size:12px}.tasker-shell .automation-workbench{gap:16px}
.tasker-shell dialog{background:var(--frost-fill-strong);width:min(740px,calc(100% - 28px));border-color:var(--frost-edge);box-shadow:inset 0 1px 0 #ffffffe6,0 28px 80px #0b201a4d}
.tasker-shell .dialog-heading{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px;background:transparent}
.tasker-shell .dialog-heading h2{font-size:19px}.tasker-shell .editor-footer{border-top:1px solid var(--line);padding-top:14px;background:transparent}
.tasker-shell .workspace{grid-template-columns:225px minmax(280px,1fr) minmax(290px,.85fr);gap:15px;align-items:start}
.tasker-shell .conversation-list{padding:6px;max-height:70vh}.tasker-shell .conversation{padding:12px 9px;gap:3px 8px}
.tasker-shell .conversation-avatar{border:1px solid #ffffff80}
.tasker-shell .messages{background:white}.tasker-shell .message-text{font-size:13px;line-height:1.65;padding:9px 11px}
.tasker-shell .message.outgoing .message-text{background:#e4f2e8;border-color:#d1e8d7}
.tasker-shell .request-card h3{font-size:14px}.tasker-shell .suggested-reply{background:#f6faf8;border-color:#d8e7df}
.tasker-shell.home-page .home-section{background:var(--frost-fill-panel);border-color:var(--frost-edge);box-shadow:var(--frost-lift-sm)}
@media(max-width:1250px){.tasker-shell .workspace{grid-template-columns:210px minmax(0,1fr)}.tasker-shell .requests{grid-column:2}.tasker-shell .workspace-header{gap:10px;padding-inline:18px}.tasker-shell .primary-nav>a{padding-inline:8px;font-size:12px}}
@media(max-width:850px){.tasker-shell .workspace-header{height:auto;min-height:68px;flex-wrap:wrap;padding:10px 18px;gap:8px 12px}.tasker-shell .workspace-header .primary-nav{height:auto;flex-basis:100%;order:5;padding-bottom:5px;flex-shrink:0}.tasker-shell main{padding:18px}.tasker-shell .workspace-header .brand{margin-right:auto}}
@media(max-width:700px){.tasker-shell .workspace{display:block}.tasker-shell button,.tasker-shell button.link,.tasker-shell .action-link{min-height:40px}.tasker-shell .primary-nav>a{min-height:40px;padding:10px}.tasker-shell .settings-subnav a{min-height:40px}.tasker-shell .task-card .actions button,.tasker-shell .task-card .task-primary{min-height:40px}.tasker-shell .workspace-header .workspace-menu{display:block}.tasker-shell .workspace-header .workspace-find{min-height:36px}.tasker-shell .task-board{grid-template-columns:minmax(0,1fr)}.tasker-shell .task-board.four-lanes{grid-template-columns:minmax(0,1fr)}.tasker-shell .settings-subnav{max-width:100%}.tasker-shell .settings-subnav a{flex-shrink:0}.tasker-shell .board-lane-jumps button{min-height:36px}.tasker-shell .board-filters label{min-width:calc(50% - 10px)}.tasker-shell .board-filters .search-label{min-width:100%}.tasker-shell .board-filters .check{min-width:0}}
@media(prefers-reduced-transparency:reduce){.tasker-shell .settings-subnav{backdrop-filter:none}.tasker-shell dialog{backdrop-filter:none}}

.tasker-shell.account-page main.account{width:min(100%,560px);min-height:0;margin:4vh auto;padding:24px 18px}
.tasker-shell.account-page .account>.brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-1px;color:var(--ink)}
.tasker-shell.account-page .account>.brand::before{content:'▦';display:grid;place-items:center;background:linear-gradient(155deg,#14916f,#0b5643);color:white;width:32px;height:32px;border-radius:8px;transform:rotate(-8deg)}
.tasker-shell.account-page .panel{padding:28px}.tasker-shell.account-page .primary{width:100%}
.tasker-shell.account-page :is(input,select,textarea){width:100%;margin-bottom:16px}
.tasker-shell.account-page button{min-height:42px}
/* Flow stage follows the reference: a dotted canvas and a separate inspector. */
.tasker-shell dialog.graph-dialog{width:min(1200px,calc(100% - 28px));padding:20px;background:#f3f7f5}
.tasker-shell .graph-dialog>.section-heading{position:sticky;top:-20px;z-index:3;background:#f3f7f5;padding:12px 0;border-bottom:1px solid var(--line)}
.tasker-shell .graph-design-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;margin:12px 0 18px;align-items:start}
.tasker-shell .graph-design-workspace:has(#node-editor[hidden]){grid-template-columns:minmax(0,1fr)}
.tasker-shell .graph-design-stage{min-width:0}.tasker-shell .graph-navigation{margin:0 0 8px;gap:8px}
.tasker-shell .graph-design-stage>.quiet{font-size:11px;margin:0 0 10px}
.tasker-shell .graph-canvas{background:radial-gradient(circle at 1px 1px,#9aafa956 1px,transparent 0) 0 0/16px 16px,#eaf1ed;border:1px solid #ffffffcc;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff80;min-height:240px;max-height:58vh;overflow:auto;padding:8px}
.tasker-shell .diagram-node{cursor:grab;touch-action:none}.tasker-shell .diagram-node.moving{cursor:grabbing;opacity:.85}
.tasker-shell .diagram-node rect{filter:drop-shadow(0 3px 3px #17392f10)}.tasker-shell .diagram-node:hover rect{stroke:#0f6f57;stroke-width:2}
.tasker-shell #node-editor{margin:0;padding:14px;background:white;border:1px solid var(--line);border-radius:12px}
.tasker-shell #node-editor label{font-size:11px}.tasker-shell #node-editor legend{font-size:13px;font-weight:650}
.tasker-shell #node-editor input,.tasker-shell #node-editor textarea,.tasker-shell #node-editor select{font-size:12px;margin-top:4px}
.tasker-shell .graph-setup-details{border:1px solid var(--line);border-radius:12px;background:#ffffffb3;padding:0 14px;margin:14px 0}
.tasker-shell .graph-setup-details>summary{padding:12px 0;color:var(--green);font-weight:650;cursor:pointer}
.tasker-shell .graph-setup-details[open]{padding-bottom:14px}
.tasker-shell .graph-dialog>section,.tasker-shell .graph-dialog>fieldset{padding:14px;background:white;border:1px solid var(--line);border-radius:12px;margin-top:14px}
@media(max-width:850px){.tasker-shell .graph-design-workspace{grid-template-columns:minmax(0,1fr)}.tasker-shell dialog.graph-dialog{padding:14px}.tasker-shell .graph-dialog>.section-heading{top:-14px}.tasker-shell #node-editor{width:100%}}
.tasker-shell .task-inline-assignment{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0}
.tasker-shell .task-inline-assignment label{font-size:11px;color:var(--muted)}
.tasker-shell .task-inline-assignment select{font-size:11px;min-height:29px;padding:4px 8px;max-width:100%;width:185px}
@media(max-width:700px){.tasker-shell .task-inline-assignment select{min-height:40px}}
.tasker-shell .flow-stages{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:14px 0}
.tasker-shell .flow-stages li{padding:5px 10px;border-radius:7px;font-size:10px;color:var(--muted);background:#ffffff8c;border:1px solid #ffffffb8}
.tasker-shell .flow-stages li:nth-child(2n){background:#e6f0f7aa}.tasker-shell .flow-stages li:nth-child(3n){background:#eee8f6aa}
.tasker-shell .secondary,.tasker-shell #refresh,.tasker-shell .connection .actions button:not(.primary):not(.link){background:white;color:var(--green);border:1px solid var(--line)}
.tasker-shell .task-card>.actions>.primary{background:var(--green);color:white;border:1px solid var(--green);padding:6px 10px;font-size:12px}
.tasker-shell .task-more{position:relative;margin-left:auto;font-size:11px}
.tasker-shell .task-more>summary{cursor:pointer;color:var(--muted);padding:6px 4px;min-height:29px;display:list-item;list-style-position:inside}
.tasker-shell .task-more[open]{z-index:5}
.tasker-shell .task-more-options{position:absolute;right:0;top:100%;z-index:5;min-width:175px;padding:6px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}
.tasker-shell .task-more-options button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--green);min-height:36px;padding:8px!important;font-size:12px}
.tasker-shell .task-more-options button:hover{background:var(--green-soft)}
@media(max-width:700px){.tasker-shell .task-card>.actions>.primary,.tasker-shell .task-more>summary,.tasker-shell .task-more-options button{min-height:40px}}
.tasker-shell .property-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.tasker-shell .connection-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:18px;align-items:start}
.tasker-shell .connection-shortcuts{display:grid;gap:14px;padding-top:16px}
.tasker-shell .connection-layout:has(.connection-shortcuts[hidden]){grid-template-columns:minmax(0,850px)}
.tasker-shell .connection-shortcuts .settings-card{padding:18px}.tasker-shell .connection-shortcuts .settings-icon{margin-bottom:9px}
.tasker-shell .connection-shortcuts .settings-card p{margin-bottom:12px}
@media(max-width:850px){.tasker-shell .connection-layout{grid-template-columns:minmax(0,1fr)}.tasker-shell .connection-shortcuts{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));padding-top:0}}
@media(max-width:700px){.tasker-shell .property-list{grid-template-columns:minmax(0,1fr)}}
/* Native checks: keep full selected labels visible and the common toolbar in one row. */
.tasker-shell .board-filters{gap:10px;align-items:end}
.tasker-shell .board-filters>label{flex:1 1 150px;min-width:150px}
.tasker-shell .board-filters>.search-label{flex:2 1 220px;min-width:180px}
.tasker-shell .board-filters>label>select{width:100%}
.tasker-shell .board-filters>.board-search-submit{display:none}
.tasker-shell .board-filters>button{flex:0 0 auto}
.tasker-shell .board-advanced-filters{position:relative;flex:0 0 auto}
.tasker-shell .board-advanced-filters>summary{padding:9px 10px;min-height:37px;font-size:12px;cursor:pointer;color:var(--green);list-style-position:inside;background:white;border:1px solid var(--line);border-radius:8px}
.tasker-shell .board-advanced-filters[open]{z-index:8}
.tasker-shell .board-advanced-filters>div{position:absolute;right:0;top:calc(100% + 7px);width:250px;max-width:calc(100vw - 42px);padding:14px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:grid;gap:12px}
.tasker-shell .board-advanced-filters label{min-width:0;font-size:12px}.tasker-shell .board-advanced-filters select{width:100%}
.tasker-shell .board-advanced-filters .check{display:flex;align-items:center;gap:8px;white-space:normal}
.tasker-shell #result-note,.tasker-shell .board-drag-hint{display:inline-block;margin:4px 12px 0 0;font-size:10px}
.tasker-shell .board-lane-jumps{margin:8px 0}
.tasker-shell .dialog-heading,.tasker-shell .editor-footer{background:#fff;padding-block:12px}
.tasker-shell .editor-footer{bottom:-24px}.tasker-shell .dialog-heading{top:-24px}
@media(max-width:700px){.tasker-shell .board-filters>label{flex-basis:calc(50% - 10px);min-width:0}.tasker-shell .board-filters>.search-label{flex-basis:100%;min-width:0}.tasker-shell .board-filters>button{flex:1}.tasker-shell .board-advanced-filters{flex:1}.tasker-shell .board-advanced-filters>summary{min-height:40px}.tasker-shell .board-advanced-filters>div{right:auto;left:0}.tasker-shell .dialog-heading{top:-18px}.tasker-shell .editor-footer{bottom:-18px}}
/* Keep the reference's horizontal status lanes, including on phones. */
.tasker-shell .task-board:not(.list-view){grid-template-columns:repeat(3,minmax(230px,1fr));overflow-x:auto;max-width:100%;padding:3px 2px 10px;overscroll-behavior-inline:contain;scrollbar-width:thin}
.tasker-shell .task-board.four-lanes:not(.list-view){grid-template-columns:repeat(4,minmax(230px,1fr))}
.tasker-shell .task-board.list-view>.task-card{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(160px,1fr) auto;align-items:center;gap:6px 16px}
.tasker-shell .task-board.list-view>.task-card>.task-meta{grid-column:1/-1}
.tasker-shell .task-board.list-view>.task-card>.task-title{grid-column:1;grid-row:2}
.tasker-shell .task-board.list-view>.task-card>.task-item-preview{grid-column:2;grid-row:2/span 2}
.tasker-shell .task-board.list-view>.task-card>.task-inline-assignment{grid-column:3;grid-row:2/span 2}
.tasker-shell .task-board.list-view>.task-card>.actions{grid-column:1/-1;margin-top:5px}
@media(max-width:700px){.tasker-shell .task-board.list-view>.task-card{display:flex;align-items:stretch}.tasker-shell .task-board.list-view>.task-card>.actions{align-self:stretch}}
.tasker-shell.home-page .task-card{gap:0}
.tasker-shell.home-page .card-meta{margin-bottom:7px}
.tasker-shell.home-page .home-task-meta{margin:8px 0}
@media(min-width:950px){
 .tasker-shell .workspace:not(.focus){grid-template-columns:225px minmax(280px,1fr) minmax(290px,.85fr)}
 .tasker-shell .workspace:not(.focus)>.thread{grid-column:auto;grid-row:auto}
 .tasker-shell .workspace:not(.focus)>.requests{grid-column:auto;grid-row:auto}
 .tasker-shell .workspace:not(.focus)>.conversations{grid-row:auto}
}
.tasker-shell .settings-reference-heading{margin:0 0 16px}
.tasker-shell .settings-title{font-family:Manrope,Arial,sans-serif;font-size:21px;letter-spacing:-.045em;font-weight:700;line-height:1.2;margin:0 0 5px}
.tasker-shell .settings-section-heading{margin-top:0;margin-bottom:14px}
.tasker-shell .settings-section-heading .eyebrow, .tasker-shell[data-page=connections] main>.eyebrow{display:none}
.tasker-shell .settings-section-heading h1{font-size:18px;letter-spacing:-.025em}
.tasker-shell .settings-section-heading p{font-size:12px}
.tasker-shell .worker-card>.actions>.action-link{border:1px solid var(--line);background:white;min-height:32px;padding:6px 10px}
.tasker-shell .worker-card .task-more-options,.tasker-shell .property-card .task-more-options{min-width:180px}
@media(max-width:700px){.tasker-shell .worker-card>.actions>.action-link{min-height:40px}.tasker-shell .settings-section-heading{flex-wrap:wrap}}
.tasker-shell .directory-card-top>div{flex:1;min-width:0}
.tasker-shell .directory-card-top>.property-status{margin-left:auto}
.tasker-shell .property-form>button.primary{justify-self:start}
.tasker-shell #plain-builder{padding:0 14px;margin:12px 0}
.tasker-shell #plain-builder>summary{font-size:13px;padding:12px 0}
.tasker-shell #plain-builder form{padding-top:0}
.tasker-shell .flow-prompt-row{display:flex;gap:10px;align-items:stretch}
.tasker-shell .flow-prompt-row textarea{flex:1;min-width:0;min-height:74px;margin:0!important;font-size:13px}
.tasker-shell .flow-prompt-row #build-flow{flex:0 0 108px;margin:0;align-self:stretch}
.tasker-shell #plain-builder .flow-examples{margin:8px 0;gap:8px}
.tasker-shell .flow-examples button{border:0;background:transparent;padding:3px 4px;min-height:26px;font-size:11px;color:var(--green)}
.tasker-shell .flow-scope-options{margin:7px 0;border-top:1px solid var(--line)}
.tasker-shell .flow-scope-options>summary{font-size:12px;padding:10px 0;color:var(--muted)}
.tasker-shell .flow-scope-options[open]{padding-bottom:12px}
.tasker-shell #plain-builder .check{margin:8px 0;font-size:12px}
.tasker-shell .flow-starter-options{background:var(--frost-fill-panel);border:1px solid var(--frost-edge);border-radius:12px;padding:0 14px;margin:12px 0;box-shadow:var(--frost-lift-sm)}
.tasker-shell .flow-starter-options>summary{padding:12px 0;font-size:12px;color:var(--green);cursor:pointer}
.tasker-shell .flow-starter-options .automation-templates{margin:2px 0 14px}
@media(max-width:700px){.tasker-shell .flow-prompt-row{flex-direction:column}.tasker-shell .flow-prompt-row #build-flow{flex:auto;align-self:start;min-height:40px}.tasker-shell .flow-examples button{min-height:36px}}
@media(max-width:1100px){.tasker-shell .graph-design-workspace{grid-template-columns:minmax(0,1fr)}}
.tasker-shell .worker-card .directory-card-top>.pill{text-transform:capitalize}
.tasker-shell .connection-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tasker-shell .connection-layout #connections,.tasker-shell .connection-shortcuts{display:contents}
.tasker-shell .connection-layout #connections>button,.tasker-shell .connection-layout #connections>p{grid-column:1/-1;justify-self:start}
.tasker-shell .connection-layout .connection{margin:0;min-width:0;padding:18px;font-size:13px}
.tasker-shell .connection-details{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}
.tasker-shell .connection-details>summary{font-size:12px;color:var(--green);padding:10px 0;cursor:pointer}
.tasker-shell .active-connection>.quiet{margin:10px 0 0}
.tasker-shell .active-connection>.badge{color:var(--green);background:var(--green-soft);font-size:11px;margin-top:6px}
.tasker-shell .connection-layout .connection:has(.connection-details[open]){grid-column:1/-1}
.tasker-shell .connection-shortcuts .settings-card{margin:0;min-width:0}
@media(max-width:1100px){.tasker-shell .connection-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.tasker-shell .connection-layout{grid-template-columns:minmax(0,1fr)}}
.tasker-shell .connection-layout{align-items:stretch}
@media(min-width:851px){.tasker-shell .connection-layout{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tasker-shell.account-page .account>.brand::before{content:'';background:linear-gradient(#fff,#fff) 5px 5px/7px 7px no-repeat,linear-gradient(#fff,#fff) 16px 5px/7px 7px no-repeat,linear-gradient(#fff,#fff) 5px 16px/7px 7px no-repeat,linear-gradient(#fff,#fff) 16px 16px/7px 7px no-repeat,linear-gradient(155deg,#14916f,#0b5643);width:28px;height:28px;border-radius:6px}
.tasker-shell.account-page .account-navigation{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}
.tasker-shell.account-page .account-navigation>a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;background:var(--green-soft);border-radius:8px;font-size:12px;text-decoration:none}
.tasker-shell.account-page #content>h2{font-size:14px;margin:16px 0 10px}
.tasker-shell.account-page .account-security{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.tasker-shell.account-page .account-security>button{margin:0;text-align:left;background:white;border:1px solid var(--line);color:var(--green);font-size:12px}
@media(max-width:400px){.tasker-shell.account-page .account-security{grid-template-columns:minmax(0,1fr)}}
.tasker-shell .inbox-secondary{margin:14px 0;background:var(--frost-fill-panel);border:1px solid var(--frost-edge);border-radius:12px;box-shadow:var(--frost-lift-sm)}
.tasker-shell .inbox-secondary>summary{padding:13px 16px;font-size:13px;min-height:44px;color:var(--green);font-weight:650;cursor:pointer}
.tasker-shell .inbox-secondary>.panel{border:0;box-shadow:none;background:transparent;margin:0}
.tasker-shell .inbox-secondary:has(>#intake-panel[hidden]),.tasker-shell .inbox-secondary:has(>#staff-panel[hidden]){display:none}
.tasker-shell #focus:disabled{display:none}
@media(max-width:700px){
 .tasker-shell .page-heading>.actions{flex-wrap:nowrap;gap:6px}
 .tasker-shell .page-heading #refresh{font-size:0;width:36px;min-width:36px;padding:4px}
 .tasker-shell .page-heading #refresh::before{content:'↻';font-size:20px;line-height:1}
 .tasker-shell #focus{font-size:0;padding:8px 10px}
 .tasker-shell #focus::before{content:'Focus';font-size:12px}
 .tasker-shell #focus[aria-pressed=true]::before{content:'Exit focus'}
}
.tasker-shell h1{font-size:21px}
.tasker-shell[data-page=boards] .page-heading .eyebrow{display:none}
.tasker-shell .page-heading #result-note{display:block;font-size:11px;margin:4px 0 0}
.tasker-shell .board-drag-hint{margin:8px 0 0}
.tasker-shell dialog input:not([type=checkbox]):not([type=radio]),.tasker-shell dialog select,.tasker-shell dialog textarea{width:100%;max-width:100%}
@media(max-width:600px){.tasker-shell dialog .editor-columns{grid-template-columns:minmax(0,1fr)}}
.tasker-shell .directory-filters{display:flex;flex-wrap:nowrap;gap:8px;align-items:end;overflow:visible}
.tasker-shell .directory-filters>.directory-search{flex:1;min-width:0}
.tasker-shell .directory-search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.tasker-shell .directory-search>input{width:100%}
.tasker-shell .directory-filters>button{flex:0 0 auto;min-height:37px;min-width:0;padding:8px 10px}
.tasker-shell .directory-advanced-filters{position:relative;flex:0 0 auto}
.tasker-shell .directory-advanced-filters>summary{font-size:12px;color:var(--green);cursor:pointer;padding:8px 10px;min-height:37px;list-style-position:inside;background:white;border:1px solid var(--line);border-radius:8px}
.tasker-shell .directory-advanced-filters[open]{z-index:8}
.tasker-shell .directory-advanced-filters>div{position:absolute;right:0;top:calc(100% + 7px);width:250px;max-width:calc(100vw - 42px);padding:14px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:grid;gap:12px}
.tasker-shell .directory-advanced-filters label{display:block;margin-bottom:5px}
.tasker-shell .directory-advanced-filters select{width:100%}
.tasker-shell .board-toolbar{overflow:visible}
.tasker-shell .board-toolbar:has(.board-advanced-filters[open]),
.tasker-shell .directory-filters:has(.directory-advanced-filters[open]){position:relative;z-index:10}
.tasker-shell .connection-layout #provider-setup{order:2;grid-column:1/-1}
.tasker-shell .connection-setup>summary{padding:0;font-size:13px}
.tasker-shell .connection-setup>summary>h2{display:inline;font-size:14px}
.tasker-shell .connection-setup[open]>summary{margin-bottom:14px}
.tasker-shell .task-lane .task-more[open]{flex-basis:100%;margin-left:0}
.tasker-shell .task-lane .task-more[open]>summary{text-align:right}
.tasker-shell .task-lane .task-more-options{position:static;min-width:0;margin-top:5px;box-shadow:none;background:var(--surface-soft)}
@media(max-width:700px){.tasker-shell .settings-subnav{scrollbar-width:none}.tasker-shell .settings-subnav::-webkit-scrollbar{display:none}.tasker-shell .directory-filters>button,.tasker-shell .directory-advanced-filters>summary{min-height:40px}}
.tasker-shell .page-heading .primary{white-space:nowrap}
@media(max-width:700px){
 .tasker-shell .settings-reference-heading{margin-bottom:12px}
 .tasker-shell .settings-reference-heading>.quiet{display:none}
 .tasker-shell .settings-section-heading{gap:8px}
 .tasker-shell .settings-section-heading>div:first-child{flex:1 1 100%}
 .tasker-shell .settings-section-heading>.actions{justify-content:flex-start}
}
@media(max-width:700px){
 .tasker-shell .graph-dialog>.section-heading{flex-wrap:nowrap;gap:10px;align-items:flex-start}
 .tasker-shell .graph-dialog>.section-heading h2{flex:1;min-width:0;font-size:16px}
 .tasker-shell .graph-dialog>.section-heading button{flex:0 0 auto}
 .tasker-shell .graph-navigation{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .tasker-shell .graph-navigation>label{grid-column:1/-1}
 .tasker-shell .graph-navigation>button{min-width:0}
 .tasker-shell .graph-design-stage>.quiet{font-size:0}
 .tasker-shell .graph-design-stage>.quiet::before{content:'Drag steps to arrange. Swipe the canvas to see more.';font-size:11px}
}
.tasker-shell .workspace-header .workspace-menu{margin:0;padding:0;border:0}
@media(max-width:850px){.tasker-shell .workspace-header .primary-nav>a{margin-block:0}}
.tasker-shell .connection-layout .connection:not(.active-connection){grid-column:1/-1}
.tasker-shell .dialog-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px}
.tasker-shell .dialog-heading h2{margin:0}
.tasker-shell .dialog-heading>button{margin:0;align-self:start}
.tasker-shell .dialog-heading>[role=status]{grid-column:1/-1}

/* The reference places Find beside the primary tabs; workspace tools occupy the far end. */
.tasker-shell .workspace-header .brand{font-size:20px;gap:10px;letter-spacing:-1px}
.tasker-shell .workspace-header .brand::before{width:25px;height:25px;border-radius:7px;background:linear-gradient(#fff,#fff) 5px 5px/15px 6px no-repeat,linear-gradient(#fff,#fff) 5px 14px/6px 6px no-repeat,linear-gradient(#fff,#fff) 14px 14px/6px 6px no-repeat,linear-gradient(155deg,#14916f,#0b5643)}
.tasker-shell .workspace-header .workspace-menu{margin-left:auto}
.tasker-shell .workspace-header .workspace-find{margin-left:0;margin-right:0;min-height:34px;padding:6px 9px;font-size:12px}
.tasker-shell .task-card>.actions>.primary{min-height:23px;padding:3px 8px;line-height:1.25}
@media(min-width:701px){
 .tasker-shell .page-heading>.actions>button,.tasker-shell .settings-section-heading>.actions>button{min-height:29px;padding:5px 10px}
 .tasker-shell .board-lane-jumps{margin:8px 0}.tasker-shell .worker-card>.actions>button,.tasker-shell .property-card>.actions>button{min-height:26px;padding:4px 8px}
 body.tasker-shell .board-toolbar{padding:6px 8px;border:1px solid var(--frost-hair);background:var(--frost-fill);box-shadow:none;backdrop-filter:var(--frost-filter);-webkit-backdrop-filter:var(--frost-filter)}
 .tasker-shell .board-filters>label:not(.search-label){max-width:185px}
 .tasker-shell .board-filters>.search-label{flex:0 1 280px}
 .tasker-shell .board-filters>label{position:relative;padding-top:0}
 .tasker-shell .board-filters>label>input,.tasker-shell .board-filters>label>select{margin-top:0}
 .tasker-shell .board-filters>label{font-size:0}.tasker-shell .board-filters>label>input,.tasker-shell .board-filters>label>select{font-size:12px}
 .tasker-shell .board-filters #layout{margin-left:auto}
 .tasker-shell .board-advanced-filters>summary{min-height:30px;padding:6px 9px}
}
@media(min-width:1101px){.tasker-shell .board-lane-jumps{display:none}}
@media(max-width:850px){.tasker-shell .workspace-header .workspace-find{margin-left:0}.tasker-shell .workspace-header .brand{font-size:20px}}
@media(max-width:700px){.tasker-shell .task-card>.actions>.primary{min-height:40px;padding:8px 10px}}
@media(min-width:851px){
 .tasker-shell .workspace-header{gap:18px;padding-inline:20px}
 .tasker-shell .workspace-header .primary-nav>a{font-size:14px;padding-inline:9px}
 .tasker-shell.home-page .workspace-header .workspace-menu{display:block}
}

.tasker-shell .workspace-find{display:inline-flex;align-items:center;gap:6px}.tasker-shell .find-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;flex:none}

/* Activity follows the reference: compact controls, lifecycle, totals, then the two feeds. */
@media(min-width:701px){
 .tasker-shell .activity-filters{padding:0;border:0;background:transparent;box-shadow:none;gap:8px;backdrop-filter:none;-webkit-backdrop-filter:none}
 .tasker-shell .activity-filters>label{flex:1 1 110px;max-width:170px;min-width:110px;font-size:0;gap:0}
 .tasker-shell .activity-filters>label:first-child{flex:2 1 180px;max-width:310px;min-width:180px}
 .tasker-shell .activity-filters>label>input,.tasker-shell .activity-filters>label>select{font-size:12px;margin:0}
 .tasker-shell .activity-filters>.tabs{width:auto;margin-left:auto;flex:0 0 auto}
 .tasker-shell .activity-filters>.tabs button{min-height:28px;padding:5px 9px;font-size:11px;white-space:nowrap}
 .tasker-shell .activity-filters>button{min-height:30px}
}

.tasker-shell .task-card-summary{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:1px 0 0}
.tasker-shell .task-card-summary .task-card-due{font-size:11px}
.tasker-shell .task-card-summary .task-inline-assignment{margin:0;min-width:0}
.tasker-shell .task-card-summary .task-inline-assignment>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tasker-shell .task-board:not(.list-view) .task-card>.task-title{min-height:0}
.tasker-shell .task-board.list-view>.task-card>.task-card-summary{grid-column:3;grid-row:2/span 2}
.tasker-shell .activity-metrics{gap:7px;margin:12px 0}
.tasker-shell .activity-metrics article{padding:8px 10px;gap:2px}
.tasker-shell .activity-metrics strong{font-size:19px}
.tasker-shell .activity-metrics span{font-size:11px}
@media(min-width:851px){.tasker-shell .activity-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:14px}}
@media(max-width:700px){.tasker-shell .task-card-summary{gap:8px}.tasker-shell .task-card-summary .task-inline-assignment{flex:1 1 100%}.tasker-shell .task-card-summary .task-inline-assignment select{width:100%}.tasker-shell .task-board.list-view>.task-card>.task-card-summary{grid-column:auto;grid-row:auto}}

@media(max-width:700px){
 .tasker-shell .activity-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:10px;gap:10px}
 .tasker-shell .activity-filters>label{min-width:0;margin:0;font-size:11px;gap:4px}
 .tasker-shell .activity-filters>label:first-child,.tasker-shell .activity-filters>.tabs{grid-column:1/-1}
 .tasker-shell .activity-filters>label>input,.tasker-shell .activity-filters>label>select{min-height:40px;margin:0;font-size:12px}
 .tasker-shell .activity-filters>.tabs{display:flex;width:100%;margin:0;padding:3px}
 .tasker-shell .activity-filters>.tabs>button{flex:1;white-space:nowrap;font-size:11px}
}

/* Keep message bubbles quiet; source-processing controls live in the existing More disclosure. */
.tasker-shell .message-more>div>.quiet{flex-basis:100%;margin:0 0 4px;font-size:11px}

/* Phone navigation stays compact: one row of lane jumps and a two-row thread heading. */
@media(max-width:700px){
 .tasker-shell .board-lane-jumps{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px;scrollbar-width:thin}
 .tasker-shell .board-lane-jumps>button{flex:0 0 auto;white-space:nowrap}
 .tasker-shell .thread>.panel-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px 12px}
 .tasker-shell .thread>.panel-heading #back{grid-column:1/-1;justify-self:start;min-height:32px;padding:4px 0}
 .tasker-shell .thread>.panel-heading #thread-heading{grid-column:1;grid-row:2;font-size:14px}
 .tasker-shell .thread>.panel-heading #home-context{grid-column:2;grid-row:2;margin-left:0;min-height:36px;font-size:11px;padding:4px 0}
}

.tasker-shell .smart-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tasker-shell .smart-form-pair>label{min-width:0}.tasker-shell .smart-deadline>.quiet{margin-top:8px;font-size:11px}.tasker-shell .smart-deadline input[type=date],.tasker-shell .smart-deadline input[type=time]{min-width:0;width:100%}
/* Plain-language work composer uses the reference's compact, glass dialog. */
.tasker-shell .manager-launch{white-space:nowrap;background:#e2f1ec;border-color:#c5dfd5;color:#08725b;font-size:12px;padding:7px 11px}
.tasker-shell .manager-dialog{width:min(720px,calc(100vw - 24px));padding:0;max-height:90dvh;overflow:auto;background:linear-gradient(145deg,#f8fcfb,#edf3f1);border:1px solid #d3dfdb;border-radius:16px;box-shadow:0 24px 70px #183d3440}
.tasker-shell .manager-dialog::backdrop{background:#18372f70;backdrop-filter:blur(5px)}
.tasker-shell .manager-dialog .dialog-heading{padding:18px 22px;position:sticky;top:0;z-index:1;background:#fffffff0;border-bottom:1px solid #d5e1dc}
.tasker-shell .manager-content{padding:20px 22px;display:grid;gap:14px}
.tasker-shell .manager-content textarea{font:inherit;line-height:1.6;min-height:124px;resize:vertical}
.tasker-shell .manager-content .quiet{margin:0;font-size:12px}
.tasker-shell .manager-examples{display:flex;gap:7px;flex-wrap:wrap}.tasker-shell .manager-example{font-size:11px;padding:5px 9px;border-radius:20px;background:#fff;border-color:#d1e2da;color:#226f5d}
.tasker-shell .manager-output{display:grid;gap:12px}.tasker-shell .manager-result{display:grid;grid-template-columns:24px 1fr auto auto;gap:10px;align-items:center;padding:13px;background:#fff;border:1px solid #d7e4de;border-radius:10px;font-size:13px}
.tasker-shell .manager-result-icon{color:#08765e}.tasker-shell .manager-followup,.tasker-shell .manager-form-entry{padding:12px;background:#e6f2ec;border:1px solid #d0e4d9;border-radius:10px}.tasker-shell .manager-form-entry{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tasker-shell .manager-status:empty{display:none}
@media(max-width:700px){.tasker-shell .manager-launch{font-size:0;padding:8px}.tasker-shell .manager-launch::after{content:'✦';font-size:18px}.tasker-shell .manager-content{padding:16px}.tasker-shell .manager-result{grid-template-columns:20px 1fr}.tasker-shell .manager-result .pill,.tasker-shell .manager-result a{grid-column:2}.tasker-shell .smart-form-pair{grid-template-columns:1fr}}
/* Default automations are the primary editor entry, beside the saved custom flows. */
.tasker-shell #graph-draft-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tasker-shell #graph-draft-list>.automation-rule{margin:0;min-width:0;display:flex;flex-direction:column;gap:5px;border-color:#d5e1dc;box-shadow:0 2px 6px #153d3008}.tasker-shell #graph-draft-list .automation-rule-state{align-self:flex-end;float:none;font-size:10px;background:#edf2ef;border-radius:20px;padding:3px 8px}.tasker-shell #graph-draft-list small{font-size:11px;line-height:1.5}.tasker-shell .default-flow-stages{font-size:10px;font-weight:600;color:#248269;order:2;border-top:1px solid #dce9e1;margin-top:6px;padding-top:8px}.tasker-shell .default-flow-card{border-top:3px solid #77bda5}.tasker-shell .default-flow-card[data-flow-kind=manager_text]{border-top-color:#c8a1df;background:linear-gradient(150deg,#fff,#f9f3fc)}.tasker-shell .default-flow-card[data-flow-kind=supply_yes],.tasker-shell .default-flow-card[data-flow-kind=intake_supplies]{border-top-color:#76bba2;background:linear-gradient(150deg,#fff,#eef8f2)}.tasker-shell .default-flow-card[data-flow-kind=intake_maintenance]{border-top-color:#e4b26e;background:linear-gradient(150deg,#fff,#fff8ed)}.tasker-shell .default-flow-card[data-flow-kind=intake_damages],.tasker-shell .default-flow-card[data-flow-kind=urgent_work]{border-top-color:#e6a2a0;background:linear-gradient(150deg,#fff,#fff3f1)}.tasker-shell .default-flow-card[data-flow-kind=deadline_answer]{border-top-color:#95b6de;background:linear-gradient(150deg,#fff,#f1f6fc)}
@media(max-width:1000px){.tasker-shell #graph-draft-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.tasker-shell #graph-draft-list{grid-template-columns:1fr}}
.tasker-shell #graph-drafts{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.tasker-shell #graph-drafts>h3{margin:0}.tasker-shell #graph-drafts>label{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:11px;white-space:nowrap}.tasker-shell #graph-drafts>label input{width:16px;height:16px;min-height:16px;margin:0;padding:0}.tasker-shell #graph-draft-list{grid-column:1/-1}.tasker-shell #rule-list:has(>p[hidden]){display:none}
.tasker-shell .manager-result-detail{grid-column:2/-1;display:grid;gap:5px}.tasker-shell .manager-exact-text{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;background:#edf6f1;border-radius:8px}.tasker-shell .manager-step-check{background:#fff;border:1px solid #d7e4dd;border-radius:10px;padding:12px;display:grid;gap:6px}.tasker-shell .manager-history-item{display:block;width:100%;text-align:left;padding:12px;font-size:12px}.tasker-shell .manager-output .check{display:flex;align-items:flex-start;gap:8px;font-size:12px}.tasker-shell .manager-output .check input{width:16px;height:16px;min-height:16px;flex:0 0 16px;padding:0;margin:2px 0}.tasker-shell .manager-result .manager-result-detail~a{grid-column:2/-1}
@media(max-width:700px){.tasker-shell .workspace-header .workspace-menu{margin-left:0}.tasker-shell .workspace-menu>summary{font-size:0;display:grid;place-items:center;width:34px;min-height:36px;padding:4px;list-style:none}.tasker-shell .workspace-menu>summary::after{content:'⋯';font-size:22px;line-height:1}.tasker-shell .workspace-menu>summary::-webkit-details-marker{display:none}.tasker-shell .workspace-header{gap:8px}.tasker-shell .workspace-header .brand{margin-right:auto}}
.tasker-shell .manager-quick-product{padding:10px 12px;border:1px solid #cee1d7;border-radius:9px;background:#f1f8f4}.tasker-shell .manager-quick-product>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:10px}.tasker-shell .manager-quick-product button{grid-column:1/-1;justify-self:start}.tasker-shell .manager-quick-product input,.tasker-shell .manager-quick-product select{min-width:0}.tasker-shell .manager-count{display:inline-grid;place-items:center;margin-left:6px;min-width:17px;height:17px;border-radius:10px;background:#08725b;color:#fff;font-size:10px}.tasker-shell .manager-step-check>label{display:grid;gap:6px}.tasker-shell .manager-output label>input[type=search]{margin-bottom:6px}
@media(max-width:700px){.tasker-shell .manager-quick-product>div{grid-template-columns:1fr 1fr}.tasker-shell .manager-quick-product input[aria-label="Product name"]{grid-column:1/-1}.tasker-shell .manager-count{position:absolute;right:-4px;top:-4px;margin:0;font-size:9px}.tasker-shell .manager-launch{position:relative}}
.tasker-shell .manager-quick-product label{display:grid;gap:5px;font-size:11px}.tasker-shell .manager-footer{position:static;display:flex;align-items:center;gap:10px;padding:12px;background:#f5faf7;border-top:1px solid #d0e2d8}.tasker-shell .manager-dialog .dialog-heading{background:#fff}
@media(max-width:700px){.tasker-shell .manager-quick-product label:first-child{grid-column:1/-1}.tasker-shell .manager-footer{flex-wrap:wrap}.tasker-shell .manager-footer .quiet{font-size:10px}}