/*
 * Core Workspaces — the Team page in My account. Uses the theme's colours when it has them
 * (--accent, --ink, --muted, --line, --card, --soft, --radius in the Zoliax theme), with
 * plain fallbacks for any other theme.
 */
.cw-team{ --cw-a:var(--accent,#6c4ef5); --cw-ink:var(--ink,#1d2327); --cw-muted:var(--muted,#646970); --cw-line:var(--line,#e2e4e7); --cw-soft:var(--soft,#f2f2f5); --cw-r:var(--radius,9px); display:grid; gap:20px; }
.cw-team .cw-muted{ color:var(--cw-muted); font-size:14px; }
.cw-team h3{ margin:0 0 14px; color:var(--cw-ink); font-size:20px; letter-spacing:-.02em; }

.cw-switch-ws{ display:flex; align-items:center; gap:12px; }
.cw-switch-ws label{ color:var(--cw-muted); font-size:14px; }
.cw-switch-ws select{ min-height:44px; padding:0 14px; border:1px solid var(--cw-line); border-radius:7px; background:transparent; color:var(--cw-ink); font:inherit; }

.cw-seats{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 30px; padding:22px 24px; border:1px solid var(--cw-line); border-radius:4px; }
.cw-seats > div{ flex:1; min-width:220px; }
.cw-seats__label{ margin:0; color:var(--cw-muted); font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.cw-seats__count{ margin:4px 0 12px; color:var(--cw-ink); font-size:22px; letter-spacing:-.02em; }
.cw-seats__bar{ position:relative; display:block; height:8px; overflow:hidden; border-radius:4px; background:var(--cw-soft); }
.cw-seats__bar::after{ content:""; position:absolute; inset:0 auto 0 0; width:var(--p,0%); border-radius:4px; background:var(--cw-a); }

.cw-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 22px; border:0; border-radius:999px; background:var(--accent-strong,#6c4ef5); color:#fff !important; font:inherit; font-size:15px; font-weight:500; text-decoration:none; cursor:pointer; transition:filter .2s; }
.cw-btn:hover{ filter:brightness(1.08); }
.cw-btn:disabled{ opacity:.5; cursor:not-allowed; }

.cw-invite{ padding:22px 24px; border:1px solid var(--cw-line); border-radius:4px; }
.cw-invite__row{ display:flex; flex-wrap:wrap; gap:10px; }
.cw-invite__row input[type="email"]{ flex:1 1 260px; min-height:46px; padding:0 16px; border:1px solid var(--cw-line); border-radius:4px; background:transparent; color:var(--cw-ink); font:inherit; }
.cw-invite__row select{ min-height:46px; padding:0 14px; border:1px solid var(--cw-line); border-radius:4px; background:transparent; color:var(--cw-ink); font:inherit; }
.cw-invite__row input:focus,
.cw-invite__row select:focus{ outline:0; border-color:var(--cw-a); box-shadow:0 0 0 4px color-mix(in srgb,var(--cw-a) 15%,transparent); }
.cw-invite .cw-muted{ margin:12px 0 0; }

.cw-people ul{ margin:0; padding:0; list-style:none; }
.cw-person{ display:grid; grid-template-columns:44px minmax(0,1fr) auto auto; align-items:center; gap:14px; padding:14px 4px; border-top:1px solid var(--cw-line); }
.cw-person:first-child{ border-top:0; }
.cw-person__avatar{ display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--cw-a); color:#fff; font-weight:600; }
.cw-person.is-invited .cw-person__avatar{ border:2px dashed var(--cw-line); background:transparent; color:var(--cw-muted); }
.cw-person__who{ display:grid; min-width:0; }
.cw-person__who b{ overflow:hidden; color:var(--cw-ink); font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.cw-person__who b em{ color:var(--cw-muted); font-style:normal; font-weight:400; }
.cw-person__who span{ overflow:hidden; color:var(--cw-muted); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.cw-person__role select{ min-height:36px; padding:0 10px; border:1px solid var(--cw-line); border-radius:6px; background:transparent; color:var(--cw-ink); font:inherit; font-size:14px; }
.cw-role{ display:inline-block; padding:4px 12px; border-radius:999px; background:var(--cw-soft); color:var(--cw-ink); font-size:13px; font-weight:500; }
.cw-role--owner{ background:var(--cw-a); color:#fff; }
.cw-person__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cw-person__actions form{ margin:0; }
.cw-person__actions .cw-link{
	display:inline-flex; align-items:center; justify-content:center;
	min-height:34px; padding:0 12px; border:0; border-radius:999px;
	background:var(--cw-soft); color:var(--cw-ink); font:inherit; font-size:13px; font-weight:600;
	text-decoration:none; cursor:pointer;
}
.cw-person__actions .cw-link:hover{ text-decoration:none; filter:brightness(.97); }
.cw-person__actions .cw-link--danger{ background:color-mix(in srgb,#c43d3d 12%,var(--cw-soft)); color:#c43d3d; }
.cw-link{ padding:0; border:0; background:none; color:var(--cw-a); font:inherit; font-size:14px; font-weight:500; cursor:pointer; }
.cw-link:hover{ text-decoration:underline; text-underline-offset:3px; }
.cw-link--danger{ color:#c43d3d; }

@media (max-width:640px){
	.cw-person{ grid-template-columns:44px minmax(0,1fr); }
	.cw-person__role,
	.cw-person__actions{ grid-column:2; }
}

/* ------------------------------------------------------------- shared */
.cw-chat,
.cw-crm{ --cw-a:var(--accent,#6c4ef5); --cw-ink:var(--ink,#1d2327); --cw-muted:var(--muted,#646970); --cw-line:var(--line,#e2e4e7); --cw-soft:var(--soft,#f2f2f5); --cw-r:var(--radius,9px); }
.cw-chat .cw-muted,
.cw-crm .cw-muted{ color:var(--cw-muted); font-size:14px; margin-bottom:10px; }
.cw-chat .cw-btn,
.cw-crm .cw-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 22px; border:0; border-radius:999px; background:var(--accent-strong,#6c4ef5); color:#fff !important; font:inherit; font-size:15px; font-weight:500; text-decoration:none; cursor:pointer; }
.cw-crm .cw-btn--small{ min-height:36px; padding:0 16px; font-size:14px; }
.cw-chat .cw-link,
.cw-crm .cw-link{ padding:0; border:0; background:none; color:var(--cw-a); font:inherit; font-size:14px; font-weight:500; text-decoration:none; cursor:pointer; }
.cw-crm .cw-link:hover{ text-decoration:underline; text-underline-offset:3px; }
.cw-crm .cw-link--danger{ color:#c43d3d; }
.cw-badge{ display:inline-grid; place-items:center; min-width:22px; height:22px; padding:0 6px; border-radius:999px; background:var(--cw-a); color:#fff; font-size:12px; font-weight:600; }
.cw-crm .cw-person__avatar{ display:grid; place-items:center; flex:none; width:42px; height:42px; border-radius:50%; background:var(--cw-a); color:#fff; font-weight:600; }

/* ------------------------------------------------------------- messages */
.cw-chat{ display:grid; grid-template-columns:260px minmax(0,1fr); min-height:560px; overflow:hidden; border:1px solid var(--cw-line); border-radius:4px; }
.cw-chat__list{ padding:10px; overflow-y:auto; border-right:1px solid var(--cw-line); background:var(--cw-soft); }
.cw-convo{ display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px; border-radius:7px; color:var(--cw-ink); text-decoration:none; }
.cw-convo:hover{ background:color-mix(in srgb,var(--cw-a) 8%,transparent); }
.cw-convo.is-on{ background:var(--cw-a); color:#fff; }
.cw-convo__avatar{ display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--cw-a); color:#fff; font-weight:600; }
.cw-convo.is-on .cw-convo__avatar{ background:#fff; color:var(--cw-a); }
.cw-convo__avatar--all{ border-radius:7px; font-size:18px; }
.cw-convo__who{ display:grid; min-width:0; }
.cw-convo__who b{ overflow:hidden; font-size:15px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.cw-convo__who span{ overflow:hidden; color:var(--cw-muted); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.cw-convo.is-on .cw-convo__who span{ color:rgba(255,255,255,.8); }
.cw-chat__alone{ padding:12px 10px; }
.cw-chat__main{ display:flex; flex-direction:column; min-width:0; }
.cw-chat__head{ display:grid; gap:2px; padding:16px 20px; border-bottom:1px solid var(--cw-line); color:var(--cw-ink); }
.cw-chat__head b{ font-size:17px; }
.cw-chat__thread{ flex:1; display:grid; align-content:start; gap:14px; max-height:520px; margin:0; padding:20px; overflow-y:auto; list-style:none; }
.cw-chat__empty{ color:var(--cw-muted); text-align:center; padding:40px 0; }
.cw-chat__older{ display:flex; justify-content:center; }
.cw-chat__older .cw-btn{ min-height:40px; font-size:13px; }
.cw-chat__older .cw-btn[aria-busy="true"]{ opacity:.6; cursor:progress; }
.cw-chat__older .cw-btn[hidden]{ display:none; }
.cw-msg{ display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; max-width:80%; }
.cw-msg.is-found .cw-msg__text{ box-shadow:0 0 0 3px color-mix(in srgb,var(--cw-a) 45%,transparent); transition:box-shadow .3s; }
.cw-msg__avatar{ display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--cw-soft); color:var(--cw-ink); font-size:13px; font-weight:600; }
.cw-msg__meta{ margin:0 0 4px; color:var(--cw-muted); font-size:12px; }
.cw-msg__meta b{ color:var(--cw-ink); }
.cw-msg__text{ padding:10px 14px; border-radius:4px 9px 9px 9px; background:var(--cw-soft); color:var(--cw-ink); font-size:15px; line-height:1.5; overflow-wrap:anywhere; }
.cw-msg__text a{ color:inherit; text-decoration:underline; }
.cw-msg.is-mine{ justify-self:end; grid-template-columns:minmax(0,1fr) 34px; }
.cw-msg.is-mine .cw-msg__avatar{ order:2; background:var(--cw-a); color:#fff; }
.cw-msg.is-mine .cw-msg__meta{ text-align:right; }
.cw-msg.is-mine .cw-msg__text{ border-radius:9px 4px 9px 9px; background:var(--cw-a); color:#fff; }
.cw-chat__form{ display:flex; gap:10px; align-items:flex-end; padding:14px 20px 4px; border-top:1px solid var(--cw-line); }
.cw-chat__form textarea{ flex:1; min-height:46px; max-height:180px; padding:12px 16px; border:1px solid var(--cw-line); border-radius:4px; background:transparent; color:var(--cw-ink); font:inherit; resize:vertical; }
.cw-chat__form textarea:focus{ outline:0; border-color:var(--cw-a); box-shadow:0 0 0 4px color-mix(in srgb,var(--cw-a) 15%,transparent); }
.cw-chat__hint{ margin:0; padding:0 20px 12px; font-size:12px !important; }

/* ------------------------------------------------------------- clients */
.cw-crm{ --white:var(--card,#fff); display:grid; gap:18px; }
.cw-crm p{ margin:0; }
.cw-crm h3{ margin:0; color:var(--cw-ink); font-size:20px; letter-spacing:-.02em; }
.cw-crm__bar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.cw-crm__search{ display:flex; flex-wrap:wrap; gap:8px; }
.cw-crm__search input,
.cw-crm__search select{ min-height:42px; padding:0 14px; border:1px solid var(--cw-line); border-radius:12px; background:transparent; color:var(--cw-ink); font:inherit; }
.cw-crm__actions{ display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
.cw-empty-state{ padding:40px 20px; border:1px dashed var(--cw-line); border-radius:4px; color:var(--cw-muted); text-align:center; }
.cw-rows{ margin:0; padding:0; list-style:none; border:1px solid var(--cw-line); border-radius:4px; overflow:hidden; }
.cw-rows--plain{ border:0; border-radius:0; }
.cw-rows a{ display:flex; align-items:center; gap:14px; padding:14px 16px; border-top:1px solid var(--cw-line); color:var(--cw-ink); text-decoration:none; transition:background .2s; }
.cw-rows--plain a{ padding:12px 4px; }
.cw-rows li:first-child a{ border-top:0; }
.cw-rows a:hover{ background:var(--cw-soft); }
.cw-rows__main{ display:grid; flex:1; min-width:0; }
.cw-rows__main b{ overflow:hidden; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.cw-rows__main span{ overflow:hidden; color:var(--cw-muted); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.cw-rows__amount{ font-weight:600; white-space:nowrap; }
.cw-state{ display:inline-block; padding:4px 12px; border-radius:999px; background:var(--cw-soft); color:var(--cw-ink); font-size:12px; font-weight:600; white-space:nowrap; }
.cw-state--active,
.cw-state--paid{ background:#dff3e6; color:#1d6b3a; }
.cw-state--lead,
.cw-state--sent{ background:color-mix(in srgb,var(--cw-a) 15%,#fff); color:color-mix(in srgb,var(--cw-a) 75%,#000); }
.cw-state--inactive,
.cw-state--void{ background:#f1f1f3; color:#777; }
.cw-state--overdue{ background:#fde7e7; color:#b42318; }
.cw-kpis{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; padding:0; list-style:none; }
.cw-kpis li{ display:grid; gap:4px; padding:16px 18px; border:1px solid var(--cw-line); border-radius:4px; }
.cw-kpis span{ color:var(--cw-muted); font-size:13px; }
.cw-kpis b{ color:var(--cw-ink); font-size:22px; letter-spacing:-.02em; }
.cw-kpis .is-bad b{ color:#b42318; }
.cw-kpis .is-good b{ color:#1d6b3a; }
.cw-hint{ padding:12px 16px; border-radius:7px; background:var(--cw-soft); color:var(--cw-ink); font-size:14px; }
.cw-crm__crumbs{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; }
.cw-crm__crumbs a{ display:inline-flex; align-items:center; min-height:40px; }
@media (max-width:640px){ .cw-kpis{ grid-template-columns:1fr; } }
.cw-card{ padding:22px 24px; border:1px solid var(--cw-line); border-radius:4px; background:var(--white); color:var(--cw-ink); }
.cw-card__head{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; margin-bottom:16px; }
.cw-card__head > div{ flex:1; display:grid; justify-items:start; gap:6px; }
.cw-facts{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px 24px; margin:0; }
.cw-facts dt{ color:var(--cw-muted); font-size:13px; }
.cw-facts dd{ margin:2px 0 0; color:var(--cw-ink); overflow-wrap:anywhere; }
.cw-facts a{ color:var(--cw-a); text-decoration:none; }
.cw-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:16px !important; }
.cw-tags span{ padding:4px 10px; border-radius:999px; background:var(--cw-soft); color:var(--cw-ink); font-size:13px; }
.cw-split{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:start; }
.cw-note-form{ display:grid; gap:8px; justify-items:end; margin-bottom:14px; }
.cw-note-form textarea,
.cw-form input:not([type="checkbox"]),
.cw-form select,
.cw-form textarea{ width:100%; min-height:44px; padding:10px 14px; border:1px solid var(--cw-line); border-radius:7px; background:transparent; color:var(--cw-ink); font:inherit; }
.cw-form input:disabled,
.cw-form select:disabled,
.cw-form textarea:disabled{ opacity:.7; }
.cw-note-form textarea:focus,
.cw-form input:focus,
.cw-form select:focus,
.cw-form textarea:focus{ outline:0; border-color:var(--cw-a); box-shadow:0 0 0 4px color-mix(in srgb,var(--cw-a) 15%,transparent); }
.cw-timeline{ display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.cw-timeline li{ padding:12px 14px; border-left:3px solid var(--cw-a); border-radius:0 7px 7px 0; background:var(--cw-soft); color:var(--cw-ink); font-size:15px; }
.cw-timeline__meta{ margin-bottom:4px !important; color:var(--cw-muted); font-size:12px; }
.cw-form{ display:grid; gap:14px; }
.cw-field label{ display:block; margin-bottom:6px; color:var(--cw-ink); font-size:14px; font-weight:500; }
.cw-grid2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; }
.cw-grid3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 16px; }
.cw-field--wide{ grid-column:1 / -1; }
.cw-form__foot{ display:flex; align-items:center; justify-content:flex-end; gap:16px; padding-top:6px; }
.cw-form__send{ display:inline-flex; align-items:center; gap:12px; margin-left:auto; }
.cw-pdf{ display:inline-flex; align-items:center; gap:6px; color:var(--cw-ink); font-weight:600; font-size:13.5px; text-decoration:none; white-space:nowrap; }
.cw-pdf:hover{ color:var(--cw-a); }
.cw-pdf__ico{ flex:none; }
.cw-rows > li.cw-rows__line{ display:flex; align-items:stretch; border-top:1px solid var(--cw-line); }
.cw-rows > li.cw-rows__line > a:first-child{ flex:1; min-width:0; border-top:0; }
.cw-rows > li.cw-rows__line > .cw-pdf{ padding:0 16px; }
.cw-rows > li.cw-rows__line:first-child{ border-top:0; }
.cw-form__foot > :first-child:not(:last-child){ margin-right:auto; }
.cw-lines{ width:100%; border-collapse:collapse; }
.cw-lines th{ padding:8px 6px; border-bottom:1px solid var(--cw-line); color:var(--cw-muted); font-size:12px; font-weight:600; letter-spacing:.04em; text-align:left; text-transform:uppercase; }
.cw-lines td{ padding:8px 6px; border-bottom:1px solid var(--cw-line); vertical-align:top; }
.cw-lines td:first-child{ width:46%; }
.cw-lines td:nth-child(2),
.cw-lines td:nth-child(4){ width:9%; }
.cw-lines td:nth-child(3){ width:15%; }
.cw-lines .cw-pick{ margin-bottom:6px; color:var(--cw-a); }
.cw-lines__amount{ padding-top:18px !important; font-weight:600; text-align:right; white-space:nowrap; }
.cw-totals{ display:grid; justify-content:end; gap:4px; margin:0; }
.cw-totals div{ display:flex; justify-content:space-between; gap:40px; min-width:240px; }
.cw-totals dt{ color:var(--cw-muted); }
.cw-totals dd{ margin:0; color:var(--cw-ink); font-weight:600; }
.cw-totals .is-total{ margin-top:4px; padding-top:8px; border-top:2px solid var(--cw-ink); font-size:18px; }
.cw-invoice-read .cw-facts{ margin-bottom:20px; }
.cw-invoice-read .cw-lines__amount{ padding-top:8px !important; }
.cw-invoice-read__note{ margin:16px 0 0; color:var(--cw-muted); white-space:pre-wrap; }

@media (max-width:900px){
	.cw-chat{ grid-template-columns:1fr; }
	.cw-chat__list{ display:flex; gap:6px; overflow-x:auto; border-right:0; border-bottom:1px solid var(--cw-line); }
	.cw-convo{ grid-template-columns:40px auto; flex:none; }
	.cw-convo__who span{ display:none; }
	.cw-msg{ max-width:92%; }
	.cw-split,
	.cw-grid2,
	.cw-grid3{ grid-template-columns:minmax(0,1fr); }
	.cw-rows > li.cw-rows__line{ flex-wrap:wrap; }
	.cw-rows > li.cw-rows__line > a:first-child{ flex:1 1 100%; }
	.cw-rows a{ flex-wrap:wrap; }
	.cw-rows__main{ flex:1 1 100%; }
	.cw-rows > li.cw-rows__line > .cw-pdf{ margin-left:auto; padding:0 4px 12px; }
	.cw-lines thead{ display:none; }
	.cw-lines tr{ display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:6px; padding:10px 0; border-bottom:1px solid var(--cw-line); }
	.cw-lines td{ width:auto !important; padding:0; border:0; }
	.cw-lines td:first-child{ grid-column:1 / -1; }
}

/* ===================================================== shared space */
.cw-space{ --cw-a:var(--accent,#6c4ef5); --cw-ink:var(--ink,#131430); --cw-muted:var(--muted,#5d5f72); --cw-line:var(--line,rgba(19,20,48,.14)); --cw-soft:var(--soft,rgba(19,20,48,.05)); --cw-card:var(--card,#fff); display:grid; gap:18px; }
.cw-space__tabs{ display:inline-flex; justify-self:start; padding:3px; border-radius:999px; background:var(--cw-soft); }
.cw-space__tabs a{ display:inline-flex; align-items:center; min-height:40px; padding:0 18px; border-radius:999px; color:var(--cw-muted); font-size:14px; font-weight:500; text-decoration:none; }
.cw-space__tabs a.is-on{ background:var(--cw-card,#fff); color:var(--cw-ink); box-shadow:0 1px 3px rgba(19,20,48,.15); }
.cw-space__notice{ margin:0; padding:10px 14px; border-radius:7px; font-size:14px; }
.cw-space__notice.is-ok{ background:color-mix(in srgb,#22a06b 14%,transparent); color:#17744d; }
.cw-space__notice.is-bad{ background:color-mix(in srgb,#e5484d 14%,transparent); color:#b3282d; }
.cw-space__bar{ display:flex; justify-content:flex-end; }
.cw-space__form{ display:grid; gap:12px; padding:0; }
.cw-dw .cw-space__form{ padding:0; }
.cw-space__form-acts{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:4px 0 0; }
.cw-dw .cw-form{ margin:0; padding:0; border:0; background:transparent; box-shadow:none; }
.cw-dw .cw-form h3{ display:none; }
.cw-dw .cw-form__foot{ margin-top:8px; padding-top:12px; }
.cw-space__form label{ display:grid; gap:6px; font-size:14px; font-weight:500; }
.cw-space__form input[type="text"],
.cw-space__form textarea,
.cw-files-bar input[type="text"],
.cw-files-bar input[type="search"]{ box-sizing:border-box; width:100%; min-height:42px; padding:8px 14px; border:1px solid var(--cw-line); border-radius:12px; background:transparent; color:var(--cw-ink); font:inherit; }
.cw-space__check{ display:flex !important; align-items:center; gap:8px; font-weight:400 !important; }
.cw-news{ display:grid; gap:14px; margin:0; padding:0; list-style:none; }
.cw-news__item{ padding:18px 20px; border:1px solid var(--cw-line); border-radius:9px; background:var(--cw-card,#fff); }
.cw-news__item.is-pinned{ border-color:color-mix(in srgb,var(--cw-a) 45%,var(--cw-line)); background:color-mix(in srgb,var(--cw-a) 5%,var(--cw-card,#fff)); }
.cw-news__item header{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.cw-news__item .cw-av{ display:grid; flex:none; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--cw-a); color:#fff; font-weight:600; }
.cw-news__item h3{ margin:0; font-size:17px; }
.cw-news__item h3 em{ margin-left:6px; padding:1px 8px; border-radius:999px; background:var(--cw-a); color:#fff; font-size:11px; font-style:normal; font-weight:600; vertical-align:middle; }
.cw-news__item header p{ margin:2px 0 0; color:var(--cw-muted); font-size:13px; }
.cw-news__body{ overflow-wrap:anywhere; font-size:15px; line-height:1.55; }
.cw-news__body p{ margin:0 0 .7em; }
.cw-news__item footer{ display:flex; flex-wrap:wrap; gap:16px; margin-top:12px; padding-top:10px; border-top:1px solid var(--cw-line); }
.cw-news__item footer form{ margin:0; }
.cw-files-bar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; }
.cw-files-bar__search{ flex:1 1 220px; max-width:320px; }
.cw-files-bar__add{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cw-files-bar__add input[type="text"]{ width:220px; }
.cw-filegrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.cw-filecard{ display:grid; grid-template-columns:76px minmax(0,1fr); gap:6px 12px; align-items:center; padding:12px; border:1px solid var(--cw-line); border-radius:4px; background:var(--cw-card,#fff); }
.cw-filecard__thumb{ display:grid; place-items:center; width:76px; height:60px; overflow:hidden; border-radius:6px; background:var(--cw-soft); color:var(--cw-muted); font-size:12px; font-weight:700; letter-spacing:.04em; text-decoration:none; }
.cw-filecard__thumb img{ width:100%; height:100%; object-fit:cover; }
.cw-filecard__meta{ display:grid; min-width:0; }
.cw-filecard__name{ overflow:hidden; color:var(--cw-ink); font-weight:500; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; }
.cw-filecard__meta small{ overflow:hidden; color:var(--cw-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.cw-filecard form{ grid-column:2; margin:0; }

/* file drop area: flat, no shadows */
.cw-drop{ display:grid; gap:12px; }
.cw-drop__zone{ display:grid; justify-items:center; gap:8px; padding:30px 20px; border:1.5px dashed var(--cw-a); border-radius:9px; background:transparent; text-align:center; transition:background .15s; }
.cw-drop__zone.is-over{ background:color-mix(in srgb,var(--cw-a) 8%,transparent); }
.cw-drop__icon{ display:grid; place-items:center; width:46px; height:46px; border:1px solid var(--cw-line); border-radius:7px; background:var(--cw-card,#fff); color:var(--cw-ink); }
.cw-drop__icon .cw-ico{ width:22px; height:22px; }
.cw-drop__line{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:0; font-size:16px; }
.cw-drop__choose{ position:relative; color:var(--cw-a); font-weight:600; cursor:pointer; }
.cw-drop__choose input{ position:absolute; inset:0; width:100%; opacity:0; cursor:pointer; }
.cw-drop__line > span{ color:var(--cw-muted); }
.cw-drop__hint{ margin:0; color:var(--cw-muted); font-size:14px; }
.cw-drop__list{ display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.cw-drop__list:empty{ display:none; }
.cw-up{ display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:14px; padding:14px 16px; border-radius:4px; background:var(--cw-soft); }
.cw-up__badge{ display:grid; place-items:center; width:44px; height:52px; border:1px solid var(--cw-line); border-radius:4px; background:var(--cw-card,#fff); color:var(--cw-a); font-size:11px; font-weight:700; letter-spacing:.03em; }
.cw-up__body{ display:grid; gap:4px; min-width:0; }
.cw-up__name{ overflow:hidden; font-size:15px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.cw-up__meta{ color:var(--cw-muted); font-size:13px; }
.cw-up__meta em{ font-style:normal; }
.cw-up__meta .is-ok{ color:#22a06b; }
.cw-up__meta .is-busy{ color:var(--cw-a); }
.cw-up__meta .is-bad{ color:#e5484d; }
.cw-up__bar{ display:block; height:6px; overflow:hidden; border-radius:999px; background:var(--cw-line); }
.cw-up__bar i{ display:block; width:0; height:100%; border-radius:999px; background:var(--cw-a); transition:width .2s; }
.cw-up.is-done .cw-up__bar i{ background:#22a06b; }
.cw-up.is-error .cw-up__bar i{ background:#e5484d; }
.cw-up__side{ display:flex; align-items:center; gap:10px; color:var(--cw-muted); font-size:13px; }
.cw-up__x{ width:28px; height:28px; padding:0; border:0; border-radius:4px; background:transparent; color:var(--cw-muted); font-size:20px; line-height:1; cursor:pointer; }
.cw-up__x:hover{ background:var(--cw-line); color:var(--cw-ink); }
.cw-files-bar__search{ max-width:none; }
@media (prefers-reduced-motion:reduce){ .cw-up__bar i, .cw-drop__zone{ transition:none; } }
/* toggle switches */
.cw-switches{ display:grid; gap:2px; }
.cw-switch{ display:flex !important; align-items:center; gap:14px; padding:10px 0; cursor:pointer; }
.cw-switch input{ position:absolute; opacity:0; pointer-events:none; }
.cw-switch__track{ position:relative; flex:none; width:42px; height:24px; border-radius:999px; background:var(--cw-line); transition:background .2s; }
.cw-switch__track::after{ content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#fff; transition:transform .2s; }
.cw-switch input:checked + .cw-switch__track{ background:var(--cw-a); }
.cw-switch input:checked + .cw-switch__track::after{ transform:translateX(18px); }
.cw-switch input:focus-visible + .cw-switch__track{ outline:2px solid var(--cw-a); outline-offset:2px; }
.cw-switch__text{ display:grid; gap:1px; }
.cw-switch__text b{ font-size:15px; font-weight:600; }
.cw-switch__text small{ color:var(--cw-muted); font-size:13px; font-weight:400; }
@media (prefers-reduced-motion:reduce){ .cw-switch__track, .cw-switch__track::after{ transition:none; } }

.cw-crm__invite{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:12px 0 0; }
.cw-crm__hint{ margin:0 0 12px; }

/* ------------------------------------------------------------- upgrade */
.cw-upgrade{ --cw-a:var(--accent,#6c4ef5); --cw-ink:var(--ink,#1d2327); --cw-muted:var(--muted,#646970); --cw-line:var(--line,#e2e4e7); --cw-soft:var(--soft,#f2f2f5); --cw-r:var(--radius,9px); }
.cw-upgrade{ display:grid; gap:22px; min-width:0; }
.cw-upgrade > *{ min-width:0; }
.cw-upgrade__head h2{ margin:0 0 6px; color:var(--cw-ink); font-size:26px; letter-spacing:-.02em; }
.cw-upgrade__head p{ margin:0; }
.cw-upgrade__now{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:14px; margin:0; padding:0; list-style:none; }
.cw-upgrade__now li{ display:grid; align-content:start; gap:2px; min-width:0; padding:14px 18px; border:1px solid var(--cw-line); border-radius:4px; }
.cw-upgrade__now span,
.cw-upgrade__now small{ color:var(--cw-muted); font-size:12px; }
.cw-upgrade__now b{ color:var(--cw-ink); font-size:17px; }
.cw-upgrade__period{ display:inline-flex; justify-self:start; gap:4px; padding:4px; border:1px solid var(--cw-line); border-radius:999px; }
.cw-upgrade__period a{ padding:8px 16px; border-radius:999px; color:var(--cw-ink); font-size:14px; text-decoration:none; }
.cw-upgrade__period a.is-on{ background:var(--cw-a); color:#fff; }
.cw-upgrade__period em{ font-style:normal; opacity:.75; font-size:12px; }
.cw-upgrade__plans{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:14px; align-items:stretch; }
.cw-plan{ position:relative; display:flex; flex-direction:column; gap:10px; padding:24px 22px 22px; border:1px solid var(--cw-line); border-radius:4px; }
.cw-plan.is-hot{ border-color:var(--cw-a); box-shadow:0 0 0 3px color-mix(in srgb,var(--cw-a) 15%,transparent); }
.cw-plan.is-current{ background:var(--cw-soft); }
.cw-plan__badge{ position:absolute; top:-11px; left:20px; padding:3px 10px; border-radius:999px; background:var(--cw-a); color:#fff; font-size:12px; font-weight:600; }
.cw-plan.is-current .cw-plan__badge{ background:var(--cw-ink); }
.cw-plan h3{ margin:0; color:var(--cw-ink); font-size:20px; }
.cw-plan__price{ margin:0; color:var(--cw-ink); font-size:22px; font-weight:700; letter-spacing:-.02em; }
.cw-price{ display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; }
.cw-price del{ order:2; opacity:.5; font-weight:400; font-size:.7em; }
.cw-price ins{ order:1; text-decoration:none; }
.cw-upgrade__compare .cw-price{ justify-content:center; }
.cw-plan__blurb{ margin:0; color:var(--cw-muted); font-size:14px; }
.cw-plan__facts{ display:grid; gap:6px; margin:4px 0 0; padding:0; list-style:none; color:var(--cw-ink); font-size:14px; }
.cw-plan__facts li::before{ content:"✓"; margin-right:8px; color:var(--cw-a); font-weight:700; }
.cw-plan__foot{ margin-top:auto; padding-top:10px; }
.cw-plan__foot .cw-btn{ width:100%; }
.cw-btn.cw-btn--ghost,
.cw-crm .cw-btn.cw-btn--ghost{ background:transparent !important; color:var(--cw-a, #6c4ef5) !important; box-shadow:inset 0 0 0 1px var(--cw-a, #6c4ef5); }
.cw-btn.cw-btn--ghost:hover{ background:color-mix(in srgb,var(--cw-a, #6c4ef5) 8%,transparent) !important; }
.cw-btn.is-disabled{ color:var(--cw-muted) !important; box-shadow:inset 0 0 0 1px var(--cw-line); cursor:default; }
.cw-upgrade__compare h3{ margin:0 0 12px; color:var(--cw-ink); font-size:18px; }
.cw-upgrade__scroll{ overflow-x:auto; }
.cw-upgrade__compare table{ width:100%; min-width:460px; border-collapse:collapse; font-size:14px; }
.cw-upgrade__compare th,
.cw-upgrade__compare td{ padding:10px 8px; border-bottom:1px solid var(--cw-line); color:var(--cw-ink); text-align:center; }
.cw-upgrade__compare tbody th{ font-weight:500; text-align:left; }
.cw-upgrade__compare thead th{ font-weight:700; }
.cw-upgrade__compare .is-current{ color:var(--cw-a); }
.cw-yes{ color:var(--cw-a); font-weight:700; }
.cw-no{ color:var(--cw-muted); }
@media (max-width:640px){ .cw-upgrade__now{ grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-flow:row; } }


/* ==========================================================================
 * One look for fields and buttons on every Core Workspaces page (Projects,
 * Team, Clients, Space, Messages, Upgrade). Two sizes only: fields and buttons
 * in forms are 40px high with 14px text, compact ones in toolbars, tables and
 * rows 34px with 13px text (the compact places are listed per page below and
 * in projects.css). Same border, corners, dropdown arrow and focus ring.
 *
 * Every rule starts with the same scope, written twice on purpose: that gives
 * it enough weight to beat a theme's account-area form styles (Zoliax sets
 * 50px selects and textareas) and the older one-off rules above. Element lists
 * sit in :where(), so within this block a later rule simply wins. The board
 * and agenda canvases (boards.css) keep their own controls.
 * ======================================================================== */
:is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile){ --cwp-h:40px; --cwp-h-sm:34px; --cwp-fs:14px; --cwp-fs-sm:13px; --cwp-fr:10px; --cwp-fr-sm:8px; --cwp-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%235d5f72' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E"); }
:is(.cw-chat){ --cw-a:var(--accent,#6c4ef5); --cw-ink:var(--ink,#1d2327); --cw-muted:var(--muted,#646970); --cw-line:var(--line,#e2e4e7); --cw-soft:var(--soft,#f2f2f5); }

/* Fields */
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(input:not([type]), input[type=text], input[type=email], input[type=url], input[type=number], input[type=date], input[type=time], input[type=datetime-local], input[type=search], input[type=password], input[type=tel], select, textarea){ box-sizing:border-box; height:var(--cwp-h); min-height:var(--cwp-h); margin:0; padding:0 12px; border:1px solid var(--cw-line); border-radius:var(--cwp-fr); background-color:var(--cw-card, transparent); color:var(--cw-ink); font-family:inherit; font-size:var(--cwp-fs); font-weight:400; line-height:normal; box-shadow:none; transition:border-color .15s, box-shadow .15s, background-color .15s; }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(textarea){ height:auto; min-height:88px; padding:10px 12px; line-height:1.5; resize:vertical; }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(select){ -webkit-appearance:none; appearance:none; padding-right:34px; background-image:var(--cwp-chev); background-repeat:no-repeat; background-position:right 12px center; background-size:11px 8px; cursor:pointer; text-overflow:ellipsis; }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(input, select, textarea)::placeholder{ color:var(--cw-muted); opacity:.8; }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(input, select, textarea):hover:not(:disabled):not(:focus){ border-color:color-mix(in srgb,var(--cw-ink) 24%,transparent); }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(input, select, textarea):focus{ outline:0; border-color:var(--cw-a); box-shadow:0 0 0 3px color-mix(in srgb,var(--cw-a) 18%,transparent); }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(input, select, textarea):disabled{ opacity:.6; cursor:not-allowed; }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(input[type=file]){ font-size:var(--cwp-fs-sm); color:var(--cw-muted); }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(input[type=file])::file-selector-button{ margin-right:10px; padding:0 14px; height:var(--cwp-h-sm); border:1px solid var(--cw-line); border-radius:999px; background:var(--cw-card, transparent); color:var(--cw-ink); font:inherit; font-size:var(--cwp-fs-sm); font-weight:500; cursor:pointer; }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(.cw-field label, .cwp-field label, .cwp-quickdlg label){ color:var(--cw-ink); font-size:13px; font-weight:600; }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(input[type=checkbox], input[type=radio]){ accent-color:var(--cw-a); }

/* Buttons */
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(.cw-btn, .cwb-btn){ min-height:var(--cwp-h); padding:0 18px; font-size:var(--cwp-fs); font-weight:500; }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(.cw-btn--small, .cwb-btn--small){ min-height:var(--cwp-h-sm); padding:0 14px; font-size:var(--cwp-fs-sm); }

/* Compact places on the other pages: search and filter bars, a person's role, the file bar */
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(.cw-crm__search, .cw-person__role, .cw-files-bar__search, .cw-files-bar__add) :where(input:not([type]), input[type=text], input[type=email], input[type=url], input[type=number], input[type=date], input[type=time], input[type=datetime-local], input[type=search], input[type=password], input[type=tel], select, textarea){ height:var(--cwp-h-sm); min-height:var(--cwp-h-sm); padding-left:10px; padding-right:10px; border-radius:var(--cwp-fr-sm); font-size:var(--cwp-fs-sm); }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(.cw-crm__search, .cw-person__role, .cw-files-bar__search, .cw-files-bar__add) :where(select){ padding-right:30px; background-position:right 10px center; }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(.cw-crm__search, .cw-files-bar__add) :where(.cw-btn, .cwb-btn){ min-height:var(--cwp-h-sm); padding:0 14px; font-size:var(--cwp-fs-sm); }
/* Messages: the box you type in grows with the text, so it starts one line high */
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade, .cw-profile) :where(.cw-chat__form textarea){ min-height:var(--cwp-h); padding:10px 12px; }

/* ---------------------------------------------------------- loading skeletons */
/* Shimmering blocks in the shape of what is loading (includes/skeleton.php). They take their
   tint from the text colour, so they work on light pages and on dark board backgrounds. */
.cw-skel{ --sk:color-mix(in srgb,currentColor 7%,transparent); --sk-hi:color-mix(in srgb,currentColor 14%,transparent); --sk-line:var(--cw-line, color-mix(in srgb,currentColor 10%,transparent)); animation:cw-skel-in .25s ease-out; }
.cw-skel__b{ display:block; height:12px; border-radius:4px; background:linear-gradient(100deg, var(--sk) 30%, var(--sk-hi) 50%, var(--sk) 70%); background-size:300% 100%; animation:cw-skel 1.4s ease-in-out infinite; }
@keyframes cw-skel{ from{ background-position:100% 0; } to{ background-position:0 0; } }
@keyframes cw-skel-in{ from{ opacity:0; } }
@media (prefers-reduced-motion:reduce){ .cw-skel, .cw-skel__b{ animation:none; } }
.cw-skel__box{ display:grid; gap:12px; padding:18px 20px; border:1px solid var(--sk-line); border-radius:var(--cw-r, 9px); background:var(--cw-card, transparent); }
.cw-skel__stack{ display:grid; gap:14px; }
.cw-skel__bar{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 14px; }
.cw-skel .is-pill{ width:110px; height:34px; border-radius:999px; }
.cw-skel .is-wide{ width:min(240px, 48%); }
.cw-skel .is-end{ margin-left:auto; }
.cw-skel .is-title{ width:38%; height:11px; margin-bottom:4px; }
.cw-skel .is-line:nth-of-type(2){ width:94%; }
.cw-skel .is-line:nth-of-type(3){ width:78%; }
.cw-skel .is-line:nth-of-type(4){ width:86%; }
.cw-skel .is-line:nth-of-type(5){ width:60%; }
.cw-skel .is-barline{ height:10px; }
.cw-skel .is-barline:nth-of-type(2){ width:82%; }
.cw-skel .is-barline:nth-of-type(3){ width:56%; }
.cw-skel .is-barline:nth-of-type(4){ width:68%; }
.cw-skel .is-barline:nth-of-type(5){ width:34%; }
/* rows: list, backlog */
.cw-skel__row{ display:grid; grid-template-columns:18px 54px minmax(0,1fr) 84px 84px; gap:14px; align-items:center; min-height:30px; }
.cw-skel--backlog .cw-skel__row{ grid-template-columns:18px 54px minmax(0,1fr) 28px; }
.cw-skel .is-dot{ width:18px; height:18px; border-radius:3px; }
.cw-skel .is-circle{ width:28px; height:28px; border-radius:50%; }
.cw-skel__row:nth-child(3n+1) .is-text{ width:82%; }
.cw-skel__row:nth-child(3n+2) .is-text{ width:64%; }
.cw-skel__row:nth-child(3n) .is-text{ width:74%; }
/* board */
.cw-skel__cols{ display:flex; gap:14px; padding:16px 0; overflow:hidden; }
.cw-skel__col{ display:grid; flex:0 0 272px; gap:10px; align-content:start; padding:12px; border-radius:9px; background:color-mix(in srgb,currentColor 4%,transparent); }
.cw-skel .is-head{ width:56%; height:14px; margin:4px 4px 6px; }
.cw-skel .is-card{ height:64px; border-radius:7px; }
.cw-skel__col .is-card:nth-child(3n){ height:96px; }
.cw-skel .is-add{ width:62%; height:30px; border-radius:6px; opacity:.7; }
/* dashboard */
.cw-skel__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr)); gap:14px; }
.cw-skel__donut{ display:grid; grid-template-columns:96px 1fr; gap:18px; align-items:center; }
.cw-skel__donut > div{ display:grid; gap:10px; }
.cw-skel .is-ring{ width:96px; height:96px; border-radius:50%; -webkit-mask:radial-gradient(circle, transparent 29px, #000 30px); mask:radial-gradient(circle, transparent 29px, #000 30px); }
/* timeline */
.cw-skel__tl{ display:grid; grid-template-columns:minmax(90px,28%) 1fr; gap:14px; align-items:center; min-height:30px; }
.cw-skel__track{ position:relative; height:22px; }
.cw-skel .is-span{ position:absolute; top:0; left:var(--s); width:var(--w); height:22px; border-radius:999px; }
/* agenda */
.cw-skel__cal{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; }
.cw-skel__cell{ min-height:76px; padding:8px; border:1px solid var(--sk-line); border-radius:6px; }
.cw-skel .is-num{ width:18px; height:10px; }
@media (max-width:640px){
	.cw-skel__row{ grid-template-columns:18px 44px minmax(0,1fr); }
	.cw-skel__row .is-short{ display:none; }
	.cw-skel__col{ flex-basis:78vw; }
	.cw-skel__cell{ min-height:46px; }
}
/* While another board or section opens (front.js), the old content steps aside for the skeleton */
.cw-leaving{ display:none !important; }

/* Clients bar: the search takes the room it has; on phones the main button comes first, full width */
.cw-crm__search{ flex:1 1 320px; }
.cw-crm__search input[type=search]{ flex:1 1 200px; min-width:0; }
@media (max-width:640px){
	.cw-crm__search,
	.cw-crm__search input[type=search],
	.cw-crm__search select{ flex:1 1 100%; width:100%; }
	.cw-crm__actions{ width:100%; gap:10px 18px; }
	.cw-crm__actions .cw-btn{ order:-1; flex:1 0 100%; }
}

/* Messages: on phones the conversations live in a menu in the chat header, not a sideways strip */
.cw-chat__head{ display:flex; align-items:center; gap:12px; }
.cw-chat__title{ display:grid; flex:1; gap:2px; min-width:0; }
.cw-chat__title b{ overflow:hidden; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
.cw-chat__switch{ display:none; position:relative; flex:none; }
.cw-chat__switchbtn{ position:relative; display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--cw-line); border-radius:50%; background:var(--cw-card, transparent); color:var(--cw-ink); list-style:none; cursor:pointer; }
.cw-chat__switchbtn::-webkit-details-marker{ display:none; }
.cw-chat__switchbtn::marker{ content:""; }
.cw-chat__switch[open] .cw-chat__switchbtn,
.cw-chat__switchbtn:hover{ border-color:var(--cw-a); color:var(--cw-a); }
.cw-chat__switchbtn .cw-ico{ width:20px; height:20px; }
.cw-chat__switchbtn .cw-badge{ position:absolute; top:-4px; right:-4px; }
.cw-chat__menu{ position:absolute; top:calc(100% + 8px); right:0; z-index:60; display:grid; gap:2px; box-sizing:border-box; width:min(300px, calc(100vw - 72px)); max-height:min(70vh, 480px); padding:8px; overflow-y:auto; border:1px solid var(--cw-line); border-radius:4px; background:var(--cw-card, #fff); box-shadow:0 18px 44px rgba(19,20,48,.16); animation:cw-skel-in .14s ease-out; }
@media (max-width:900px){
	.cw-chat{ overflow:visible; }
	.cw-chat__list{ display:none; }
	.cw-chat__switch{ display:block; }
	.cw-chat__head{ padding:14px 16px; }
	.cw-chat__menu .cw-convo{ grid-template-columns:40px minmax(0,1fr) auto; }
	.cw-chat__menu .cw-convo__who span{ display:block; }
	.cw-chat__thread{ padding:16px; }
}

/* Text links and link-buttons look the same (the theme underlines plain links in the account area) */
.cw-link{ display:inline-block; line-height:1.4; text-decoration:none; }
a.cw-link{ text-decoration:none; }
/* "New announcement": a round + that turns into × when open, instead of the browser's triangle */
.cw-space__new summary{ display:flex; align-items:center; gap:10px; list-style:none; }
.cw-space__new summary::-webkit-details-marker{ display:none; }
.cw-space__new summary::marker{ content:""; }
.cw-space__new summary::before{ content:"+"; display:grid; flex:none; place-items:center; width:26px; height:26px; border-radius:50%; background:color-mix(in srgb,var(--cw-a) 14%,transparent); color:var(--cw-a); font-size:17px; font-weight:600; line-height:1; transition:transform .2s; }
.cw-space__new[open] summary::before{ transform:rotate(45deg); }
@media (prefers-reduced-motion:reduce){ .cw-space__new summary::before{ transition:none; } }
.cw-space footer:has(> form){ display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; }
.cw-space footer > form{ display:flex; margin:0; }

/* Messages: one wide field with the send button inside it */
.cw-chat__form{ position:relative; display:block; }
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade) :where(.cw-chat__form textarea){ display:block; width:100%; min-height:52px; max-height:180px; padding:14px 62px 14px 18px; border-radius:14px; font-size:15px; line-height:1.45; resize:none; overflow-y:auto; }
.cw-chat__send{ position:absolute; right:28px; bottom:10px; display:grid; place-items:center; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:var(--cw-a); color:#fff; cursor:pointer; transition:filter .15s, transform .15s, opacity .15s; }
.cw-chat__send:hover{ filter:brightness(1.08); }
.cw-chat__send:active{ transform:scale(.94); }
.cw-chat__send:disabled{ opacity:.5; cursor:default; }
.cw-chat__send:focus-visible{ outline:2px solid var(--cw-a); outline-offset:2px; }
.cw-chat__send .cw-ico{ width:18px; height:18px; }

/* ------------------------------------------------------------- billing */
.cw-bill{ gap:20px; }
.cw-bill > *{ min-width:0; }
.cw-bill__top{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.cw-bill__tabs{ display:inline-flex; gap:4px; padding:4px; border:1px solid var(--cw-line); border-radius:999px; }
.cw-bill__tabs a{ display:inline-flex; align-items:center; justify-content:center; min-height:40px; box-sizing:border-box; padding:8px 16px; border-radius:999px; color:var(--cw-ink); font-size:14px; font-weight:500; text-decoration:none; }
.cw-bill__tabs a:hover{ background:var(--cw-soft); }
.cw-bill__tabs a.is-on{ background:var(--cw-a); color:#fff; }
.cw-bill__new{ position:relative; }
.cw-bill__new > summary{ list-style:none; cursor:pointer; }
.cw-bill__new > summary::-webkit-details-marker{ display:none; }
.cw-bill__new > summary::marker{ content:""; }
.cw-bill__new > summary::before{ content:"+"; margin-right:8px; font-size:18px; line-height:1; }
.cw-bill__newform{ position:absolute; top:calc(100% + 8px); right:0; z-index:40; display:grid; gap:10px; box-sizing:border-box; width:min(300px, calc(100vw - 48px)); padding:16px; border:1px solid var(--cw-line); border-radius:4px; background:var(--cw-card, #fff); box-shadow:0 18px 44px rgba(19,20,48,.16); animation:cw-skel-in .14s ease-out; }
.cw-bill__newform label{ color:var(--cw-ink); font-size:13px; font-weight:600; }
.cw-bill__newform select{ width:100%; }
.cw-kpis--6{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.cw-kpis .is-accent{ border-color:color-mix(in srgb,var(--cw-a) 40%,var(--cw-line)); background:color-mix(in srgb,var(--cw-a) 7%,transparent); }
.cw-kpis .is-accent b{ color:var(--cw-a); }
.cw-bill__chips{ display:flex; flex-wrap:wrap; gap:6px; }
.cw-bill__chip{ display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 12px; border:1px solid var(--cw-line); border-radius:999px; color:var(--cw-ink); font-size:13px; font-weight:500; text-decoration:none; }
.cw-bill__chip em{ min-width:18px; padding:0 6px; border-radius:999px; background:var(--cw-soft); color:var(--cw-muted); font-size:11px; font-style:normal; text-align:center; }
.cw-bill__chip:hover{ border-color:var(--cw-a); }
.cw-bill__chip.is-on{ border-color:var(--accent-strong,#6c4ef5); background:var(--accent-strong,#6c4ef5); color:#fff; }
.cw-bill__chip.is-on em{ background:rgba(255,255,255,.25); color:#fff; }
.cw-bill .cw-crm__search{ flex:0 1 260px; }
.cw-bill__foot{ font-size:13px; }
.cw-bill__rate{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; padding:14px 16px; border:1px solid var(--cw-line); border-radius:4px; }
.cw-bill__rate label{ color:var(--cw-ink); font-size:14px; font-weight:600; }
.cw-bill__rate input{ width:130px; }
.cw-bill__rate .cw-muted{ flex:1 1 220px; font-size:13px; }
.cw-bill__table{ overflow:hidden; border:1px solid var(--cw-line); border-radius:4px; }
.cw-bill__tr{ display:grid; grid-template-columns:minmax(200px,2.4fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr) 150px; gap:12px; align-items:center; padding:12px 16px; border-top:1px solid var(--cw-line); color:var(--cw-ink); font-size:14px; }
.cw-bill__tr--head{ border-top:0; background:var(--cw-soft); color:var(--cw-muted); font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.cw-bill__tr--sum{ background:var(--cw-soft); font-weight:600; }
.cw-bill__tr:target{ background:color-mix(in srgb,var(--cw-a) 8%,transparent); }
.cw-bill__proj{ display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:2px 10px; min-width:0; }
.cw-bill__proj a{ overflow:hidden; color:var(--cw-ink); font-weight:600; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; }
.cw-bill__proj a:hover{ color:var(--cw-a); }
.cw-bill__proj small{ grid-column:2; overflow:hidden; color:var(--cw-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.cw-bill__proj .cwp-key{ display:inline-block; padding:2px 8px; border-radius:3px; background:color-mix(in srgb,var(--cw-a) 14%,transparent); color:var(--cw-a); font-size:12px; font-weight:700; }
.cw-bill__money{ color:var(--cw-a); font-weight:600; }
.cw-bill__act{ justify-self:end; }
@media (max-width:900px){
	.cw-kpis--6{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.cw-bill__tr--head{ display:none; }
	.cw-bill__tr{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 14px; padding:14px 16px; }
	.cw-bill__proj,
	.cw-bill__act{ grid-column:1 / -1; justify-self:stretch; }
	.cw-bill__tr > [data-label]::before{ content:attr(data-label); display:block; color:var(--cw-muted); font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; }
	.cw-bill__act .cw-btn{ width:100%; }
	.cw-bill__tr--sum > span:empty{ display:none; }
	.cw-bill__top{ align-items:stretch; }
	.cw-bill__tabs{ justify-content:space-between; }
}
.cw-bill__prate{ display:inline-flex; margin:0; }
.cw-bill__prate input{ width:96px; }
@media (max-width:900px){ .cw-bill__prate input{ width:100%; } }
@media (max-width:640px){
	.cw-kpis--6{ grid-template-columns:1fr; }
	.cw-bill__tabs{ flex-wrap:wrap; max-width:100%; }
	.cw-bill__tabs a{ padding:8px 12px; }
}

/* ------------------------------------------------------------- company */
.cw-company .cw-form{ gap:18px; }
.cw-company__sec{ display:grid; gap:14px; min-width:0; margin:0; }
.cw-company__sec h3{ margin:0; }
.cw-company__sec[disabled]{ opacity:.85; }
.cw-company__logo{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.cw-company__logoimg{ display:grid; flex:none; place-items:center; width:88px; height:88px; overflow:hidden; border:1px solid var(--cw-line); border-radius:10px; background:var(--cw-soft); color:var(--cw-a); font-size:32px; font-weight:600; }
.cw-company__logoimg img{ width:100%; height:100%; object-fit:contain; padding:8px; box-sizing:border-box; background:#fff; }
.cw-company__logoctl{ display:grid; flex:1 1 220px; gap:6px; }
.cw-company__logoctl > label:first-child{ color:var(--cw-ink); font-size:13px; font-weight:600; }
.cw-company__rm{ display:inline-flex; align-items:center; gap:8px; color:var(--cw-ink); font-size:13px; }
.cw-company__fields{ display:grid; gap:12px; }
.cw-company__frow{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 170px; gap:10px; align-items:end; padding:12px; border:1px solid var(--cw-line); border-radius:4px; background:var(--cw-soft); }
.cw-company__fkey{ display:grid; gap:4px; min-width:0; margin:0; color:var(--cw-muted); font-size:11px; font-weight:600; }
@media (max-width:640px){
	.cw-company__frow{ grid-template-columns:1fr; }
}

/* ---------------------------------------------------------- marketplace */
.cw-mkt{ gap:18px; }
.cw-mkt__hero{ position:relative; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:16px 24px; padding:28px; overflow:hidden; border-radius:4px; background:#131430; color:#fff; isolation:isolate; }
.cw-mkt__hero::before{ content:""; position:absolute; z-index:-1; right:-10%; top:-70%; width:max(300px,55%); aspect-ratio:1; border-radius:50%; background:radial-gradient(closest-side, rgba(142,108,245,.55), transparent 72%); }
.cw-mkt__hero::after{ content:""; position:absolute; z-index:-1; left:-12%; bottom:-90%; width:max(260px,45%); aspect-ratio:1; border-radius:50%; background:radial-gradient(closest-side, rgba(217,128,157,.4), transparent 72%); }
.cw-mkt__hero h2{ margin:4px 0 6px; color:#fff; font-size:clamp(24px,2.4vw,32px); letter-spacing:-.03em; }
.cw-crm .cw-mkt__hero p{ margin:0; color:rgba(255,255,255,.75); }
.cw-crm .cw-mkt__hero p.cw-mkt__eyebrow{ color:#b9acff; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.cw-mkt__search{ flex:1 1 260px; max-width:340px; }
body :is(.cw-crm):is(.cw-crm) .cw-mkt__search input{ width:100%; height:44px; border-color:rgba(255,255,255,.25); border-radius:999px; background-color:rgba(255,255,255,.1); color:#fff; padding-left:16px; }
.cw-mkt__search input::placeholder{ color:rgba(255,255,255,.6) !important; }
.cw-mkt__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.cw-mkt__card a{ display:flex; flex-direction:column; gap:6px; height:100%; box-sizing:border-box; padding:18px; border:1px solid var(--cw-line); border-radius:4px; color:var(--cw-ink); text-decoration:none; transition:border-color .2s, box-shadow .2s, transform .2s; }
.cw-mkt__card a:hover{ border-color:color-mix(in srgb,var(--cw-a) 45%,var(--cw-line)); box-shadow:0 14px 34px rgba(19,20,48,.08); transform:translateY(-2px); }
.cw-mkt__cardtop{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:6px; }
.cw-mkt__badges{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; margin:0; }
.cw-mkt__name{ font-size:17px; letter-spacing:-.01em; }
.cw-mkt__by{ color:var(--cw-muted); font-size:13px; }
.cw-mkt__tag{ display:-webkit-box; overflow:hidden; color:var(--cw-ink); font-size:14px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cw-mkt__meta{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 12px; margin-top:auto; padding-top:8px; color:var(--cw-muted); font-size:13px; }
.cw-mkt__price{ padding-top:10px; border-top:1px solid var(--cw-line); color:var(--cw-ink); font-size:14px; font-weight:600; }
.cw-mkt__price small{ color:var(--cw-muted); font-weight:400; }
.cw-app__logo{ display:grid; flex:none; place-items:center; width:48px; height:48px; border-radius:4px; background:linear-gradient(135deg, var(--c), color-mix(in srgb,var(--c) 60%,#131430)); color:#fff; box-shadow:0 8px 18px -8px var(--c); }
.cw-app__logo .cw-ico{ width:24px; height:24px; }
.cw-app__logo img{ width:28px; height:28px; object-fit:contain; }
.cw-app__logo--lg{ width:72px; height:72px; border-radius:11px; }
.cw-app__logo--lg .cw-ico{ width:34px; height:34px; }
.cw-app__logo--lg img{ width:40px; height:40px; }
.cw-stars{ color:#f5b700; letter-spacing:1px; }
.cw-stars i{ color:var(--cw-line); font-style:normal; }
.cw-badge2{ display:inline-block; padding:3px 9px; border-radius:999px; background:var(--cw-soft); color:var(--cw-ink); font-size:11px; font-style:normal; font-weight:700; letter-spacing:.02em; vertical-align:middle; }
.cw-badge2--new{ background:#e3f3ff; color:#1b5fa8; }
.cw-badge2--popular{ background:#fdeee0; color:#a3570b; }
.cw-badge2--bestseller{ background:#efe9ff; color:#5b3fd6; }
.cw-badge2--added{ background:#dff3e6; color:#1d6b3a; }
.cw-badge2--example{ background:#f1f1f3; color:#6b6d80; font-weight:600; }
/* one app */
.cw-app__head{ display:grid; grid-template-columns:auto minmax(0,1fr) 260px; gap:18px 22px; align-items:start; }
.cw-app__title h2{ margin:0; color:var(--cw-ink); font-size:clamp(24px,2.4vw,30px); letter-spacing:-.03em; }
.cw-crm .cw-app__by{ margin-top:4px; color:var(--cw-muted); font-size:14px; }
.cw-app__partner{ margin-left:6px; color:#1d6b3a; font-size:13px; font-weight:600; }
.cw-crm .cw-app__tag{ margin-top:10px; color:var(--cw-ink); font-size:15px; line-height:1.5; }
.cw-app__title .cw-mkt__badges{ justify-content:flex-start; margin-top:10px; }
.cw-app__buy{ display:grid; gap:8px; padding:18px; border:1px solid var(--cw-line); border-radius:4px; }
.cw-crm .cw-app__price{ color:var(--cw-ink); font-size:20px; font-weight:700; letter-spacing:-.02em; }
.cw-app__buy .cw-btn{ width:100%; }
.cw-app__tiers{ display:grid; gap:8px; margin:0; padding:0; border:0; }
.cw-app__tiers legend{ margin-bottom:2px; color:var(--cw-muted); font-size:12px; font-weight:700; }
.cw-app__tiers label{ display:flex; gap:10px; align-items:flex-start; margin:0; padding:10px 12px; border:1px solid var(--cw-line); border-radius:7px; cursor:pointer; }
.cw-app__tiers label:has(input:checked){ border-color:var(--cw-ink); }
.cw-app__tiers b{ display:block; font-size:14px; }
.cw-app__tiers small{ display:block; color:var(--cw-muted); font-weight:500; }
.cw-crm .cw-app__state{ color:#1d6b3a; font-size:14px; font-weight:600; }
.cw-crm .cw-app__preview{ padding:8px 10px; border-radius:6px; background:#fff7e0; color:#7a5a00; font-size:12.5px; }
.cw-app__facts{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; overflow:hidden; border:1px solid var(--cw-line); border-radius:4px; list-style:none; }
.cw-app__facts li{ display:grid; align-content:start; gap:2px; padding:14px 18px; border-left:1px solid var(--cw-line); }
.cw-app__facts li:first-child{ border-left:0; }
.cw-app__facts span{ color:var(--cw-muted); font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.cw-app__facts b{ color:var(--cw-ink); font-size:22px; letter-spacing:-.02em; }
.cw-app__facts b small{ color:var(--cw-muted); font-size:13px; font-weight:400; }
.cw-app__facts .cw-app__small{ font-size:16px; }
.cw-app__facts small{ color:var(--cw-muted); font-size:12px; }
.cw-app__tabs{ justify-self:start; flex-wrap:wrap; }
.cw-app__body{ display:grid; gap:16px; }
.cw-app__overview{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); gap:14px; }
.cw-app__hl{ padding:16px; border-radius:4px; background:var(--cw-soft); }
.cw-app__hl h3{ margin:0 0 6px; font-size:16px; letter-spacing:-.01em; }
.cw-crm .cw-app__hl p{ color:var(--cw-ink); font-size:14px; line-height:1.5; }
.cw-crm h3.cw-app__more{ font-size:16px; }
.cw-app__list{ display:grid; gap:6px; margin:0; padding:0; list-style:none; }
.cw-app__list li::before{ content:"\2713"; margin-right:8px; color:var(--cw-a); font-weight:700; }
.cw-app__dl{ display:grid; grid-template-columns:200px minmax(0,1fr); gap:12px 20px; margin:0; }
.cw-app__dl dt{ color:var(--cw-muted); font-size:13px; font-weight:600; }
.cw-app__dl dd{ margin:0; color:var(--cw-ink); }
.cw-app__score{ display:grid; grid-template-columns:160px minmax(0,1fr); gap:20px; align-items:center; }
.cw-app__score > div{ display:grid; justify-items:start; gap:2px; }
.cw-app__score > div b{ color:var(--cw-ink); font-size:40px; letter-spacing:-.03em; line-height:1; }
.cw-app__score small{ color:var(--cw-muted); font-size:13px; }
.cw-app__reviews{ display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.cw-app__reviews li{ padding:14px 16px; border:1px solid var(--cw-line); border-radius:4px; }
.cw-crm .cw-app__rhead{ display:flex; justify-content:space-between; gap:10px; margin-bottom:6px; }
@media (max-width:900px){
	.cw-app__head{ grid-template-columns:auto minmax(0,1fr); }
	.cw-app__buy{ grid-column:1 / -1; }
	.cw-app__facts{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.cw-app__facts li:nth-child(3){ border-left:0; }
	.cw-app__facts li:nth-child(n+3){ border-top:1px solid var(--cw-line); }
	.cw-app__dl,
	.cw-app__score{ grid-template-columns:1fr; }
	.cw-mkt__hero{ padding:22px; }
	.cw-app__tabs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); justify-self:stretch; border-radius:9px; }
	.cw-app__tabs a{ display:block; line-height:24px; padding:8px 6px; border-radius:7px; font-size:13px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}

/* app trial countdown, reminder and remove */
.cw-app__trial{ display:grid; gap:8px; padding:12px 14px; border-radius:7px; background:var(--cw-soft); }
.cw-app__trial-top{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:2px 10px; }
.cw-app__trial-top b{ color:var(--cw-ink); font-size:15px; }
.cw-app__trial-top span{ color:var(--cw-muted); font-size:13px; }
.cw-app__trial-bar{ position:relative; display:block; height:6px; overflow:hidden; border-radius:3px; background:color-mix(in srgb,var(--cw-ink) 10%,transparent); }
.cw-app__trial-bar::after{ content:""; position:absolute; inset:0 auto 0 0; width:var(--p,0%); border-radius:3px; background:var(--cw-a); }
.cw-app__trial.is-soon .cw-app__trial-bar::after{ background:#e08a1e; }
.cw-app__trial.is-soon .cw-app__trial-top b{ color:#a3570b; }
.cw-app__trial.is-over .cw-app__trial-bar::after{ background:#c43d3d; }
.cw-app__trial.is-over .cw-app__trial-top b{ color:#c43d3d; }
.cw-crm .cw-app__remind label{ display:flex; align-items:flex-start; gap:8px; margin:0; color:var(--cw-ink); font-size:13px; font-weight:400; line-height:1.4; white-space:normal; cursor:pointer; }
.cw-crm .cw-app__remind input[type="checkbox"]{ flex:none; width:16px; height:16px; min-height:0; margin:1px 0 0; padding:0; accent-color:var(--cw-a); }
.cw-app__buy form{ margin:0; }
.cw-crm .cw-app__late{ margin:0; padding:10px 12px; border-radius:4px; background:#fff1f1; color:#7a1f23; font-size:14px; font-weight:600; }
.cw-app__trial-buy{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.cw-app__trial-buy .cw-muted{ margin:0; flex:1 1 160px; font-size:13px; }
.cw-mkt__card.has-trial{ display:flex; flex-direction:column; }
.cw-mkt__card.has-trial > a{ flex:1 1 auto; height:auto; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom-color:transparent; }
.cw-crm .cw-mkt__trial{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 10px; margin:0; padding:8px 12px; border:1px solid var(--cw-line); border-top:0; border-radius:0 0 4px 4px; background:var(--cw-soft); font-size:13px; }
.cw-app__trial-buy .cw-btn{ min-height:40px; }
.cw-crm .cw-mkt__trial.is-over b{ color:#c43d3d; }
.cw-crm .cw-mkt__trial .cw-btn{ min-height:40px; }
body :is(.cw-crm):is(.cw-crm) .cw-app__remove{ display:inline-flex; align-items:center; justify-content:center; gap:6px; width:100%; height:38px; margin-top:2px; padding:0 14px; border:1px solid color-mix(in srgb,#c43d3d 30%,var(--cw-line)); border-radius:6px; background:transparent; color:#c43d3d; font:inherit; font-size:13px; font-weight:600; cursor:pointer; transition:background .2s, border-color .2s; }
body :is(.cw-crm):is(.cw-crm) .cw-app__remove:hover{ border-color:#c43d3d; background:#fdeeee; }
.cw-app__remove .cw-ico{ width:15px; height:15px; }

/* ------------------------------------------------------- urgent bubbles */
.cw-urgent{ position:fixed; z-index:100000; top:calc(var(--top-h, 64px) + var(--top-y, var(--wp-admin--admin-bar--height, 0px)) + 12px); left:50%; display:grid; gap:10px; width:min(440px, calc(100% - 24px)); transform:translateX(-50%); pointer-events:none; }
.cw-urgent:empty{ display:none; }
.cw-urgent__b{ position:relative; display:flex; gap:12px; align-items:flex-start; padding:14px 16px 14px 14px; overflow:hidden; border-radius:11px; background:#131430; color:#fff; box-shadow:0 22px 50px -12px rgba(19,20,48,.55), 0 0 0 1px rgba(255,255,255,.06) inset; opacity:0; transform:translateY(-24px) scale(.96); transition:opacity .35s cubic-bezier(.22,1,.36,1), transform .45s cubic-bezier(.22,1,.36,1); pointer-events:auto; isolation:isolate; font-family:inherit; }
.cw-urgent__b::before{ content:""; position:absolute; z-index:-1; top:-60%; right:-20%; width:70%; aspect-ratio:1; border-radius:50%; background:radial-gradient(closest-side, rgba(239,83,104,.55), transparent 72%); animation:cw-urgent-glow 3.2s ease-in-out infinite alternate; }
.cw-urgent__b::after{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(#ff6b81, #ff9f43); }
.cw-urgent__b.is-in{ opacity:1; transform:none; }
.cw-urgent__b.is-out{ opacity:0; transform:translateY(-16px) scale(.97); }
@keyframes cw-urgent-glow{ to{ transform:translate(-14%, 18%) scale(1.15); opacity:.75; } }
.cw-urgent__av{ position:relative; display:grid; flex:none; place-items:center; width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,#ff6b81,#ff9f43); color:#fff; font-size:15px; font-weight:700; }
.cw-urgent__av::after{ content:""; position:absolute; inset:-4px; border:2px solid rgba(255,107,129,.6); border-radius:50%; animation:cw-urgent-ring 1.8s ease-out infinite; }
@keyframes cw-urgent-ring{ from{ opacity:1; transform:scale(.9); } to{ opacity:0; transform:scale(1.35); } }
.cw-urgent__body{ display:grid; flex:1; gap:3px; min-width:0; }
.cw-urgent__label{ color:#ffb3bf; font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.cw-urgent__title{ color:#fff; font-size:15px; line-height:1.35; }
.cw-urgent__text{ margin:0; color:rgba(255,255,255,.78); font-size:13.5px; line-height:1.45; overflow-wrap:anywhere; }
.cw-urgent__acts{ display:flex; gap:8px; margin-top:8px; }
.cw-urgent__open,
.cw-urgent__ok{ display:inline-flex; align-items:center; height:32px; padding:0 14px; border:0; border-radius:999px; font:inherit; font-size:13px; font-weight:600; text-decoration:none; cursor:pointer; }
.cw-urgent__open{ background:#fff; color:#131430 !important; }
.cw-urgent__ok{ background:rgba(255,255,255,.12); color:#fff; }
.cw-urgent__ok:hover{ background:rgba(255,255,255,.2); }
@media (prefers-reduced-motion:reduce){ .cw-urgent__b, .cw-urgent__b::before, .cw-urgent__av::after{ animation:none; transition:none; } }
/* message composer: the "!" urgent toggle next to send */
body :is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade):is(.cwp, .cwp-quickdlg, .cw-team, .cw-crm, .cw-space, .cw-chat, .cw-upgrade) :where(.cw-chat__form textarea){ padding-right:160px; }
.cw-chat__urgent{ position:absolute; z-index:1; right:116px; bottom:9px; display:grid; place-items:center; width:40px; height:40px; margin:0; border-radius:50%; color:var(--cw-muted); cursor:pointer; transition:background .15s, color .15s; }
.cw-chat__mic{ position:absolute; z-index:1; right:72px; bottom:9px; width:40px; height:40px; }
.cw-chat__urgent:hover{ background:var(--cw-soft); color:#e0475f; }
.cw-chat__urgent input{ position:absolute; opacity:0; pointer-events:none; }
.cw-chat__urgent span[aria-hidden]{ display:grid; place-items:center; width:20px; height:20px; border:2px solid currentColor; border-radius:50%; font-size:12px; font-weight:800; line-height:1; }
.cw-chat__urgent:has(input:checked){ background:linear-gradient(135deg,#ff6b81,#ff9f43); color:#fff; }
.cw-chat__urgent:has(input:focus-visible){ outline:2px solid var(--cw-a); outline-offset:2px; }
.cw-switch--urgent .cw-switch__text b{ color:#d23a52; }
.cw-chat__form textarea::placeholder{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cw-plan__k{ color:var(--cw-muted); }
.cw-plan__k::after{ content:":"; }
.cw-plan__v{ font-weight:600; }
/* urgent messages in the conversation */
.cw-msg__urgent{ display:inline-flex; align-items:center; gap:4px; padding:1px 8px; border-radius:999px; background:linear-gradient(135deg,#ff6b81,#ff9f43); color:#fff; font-size:10.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; vertical-align:1px; }
.cw-msg__urgent::before{ content:"!"; font-weight:800; }
.cw-msg.is-urgent .cw-msg__text{ box-shadow:0 0 0 2px #ff6b81; }
.cw-msg.is-urgent:not(.is-mine) .cw-msg__text{ background:#fff0f2; }
.cw-badge2--early{ background:linear-gradient(135deg,#ece6ff,#f6e3f6); color:#5b3fd6; }
/* AI Assistant: per-project settings */
.cw-aiproj{ margin-top:18px; padding-top:18px; border-top:1px solid var(--cw-line); }
.cw-aiproj h3{ margin:0 0 4px; font-size:16px; }
.cw-aiproj__row{ display:grid; gap:8px; padding:12px 0; border-top:1px solid var(--cw-line); }
.cw-aiproj__head{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.cw-crm .cw-aiproj__on{ display:inline-flex; align-items:center; gap:6px; margin-left:auto; font-size:13px; }
.cw-aiproj__on input{ width:16px; height:16px; min-height:0; accent-color:var(--cw-a); }
.cw-app__body .cw-field small{ display:block; margin-top:4px; font-size:12.5px; }
.cw-team__bar{ display:flex; justify-content:flex-end; }
.cw-dw .cw-invite{ display:grid; gap:12px; }
.cw-dw .cw-invite__row{ display:grid; grid-template-columns:1fr 160px; gap:12px; }
.cw-dw .cw-invite__acts{ margin:0; }
.cw-dw .cw-bill__newform{ position:static; top:auto; right:auto; z-index:auto; display:grid; gap:14px; width:100%; max-width:none; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; animation:none; }
.cw-dw .cw-bill__newform .cw-field{ margin:0; }
.cw-dw .cw-bill__newform select{ width:100%; min-height:44px; padding:0 12px; border:1px solid var(--cw-line); border-radius:7px; background:var(--cw-card, #fff); color:var(--cw-ink); font:inherit; }
@media (max-width:520px){
	.cw-dw .cw-invite__row{ grid-template-columns:1fr; }
}

/* Mail-style desks: title left, New right, GTM drawers. */
.jx-acc--app:has(.cw-appdesk) > .jx-acc__title{ display:none; }
.jx-acc--app:has(.cw-appdesk) .jx-acc__main.is-page{ padding:8px 0 28px; background:transparent; border-radius:0; }
.cw-appdesk{ display:grid; gap:16px; min-width:0; }
.cw-appdesk > *{ min-width:0; }
.cw-appdesk__bar{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px 20px; width:100%; min-width:0; }
.cw-appdesk__intro{ display:grid; gap:6px; min-width:0; }
.cw-appdesk__intro .jx-acc__title{ margin:0; }
.cw-appdesk .jx-dash__dek{ margin:0; max-width:46ch; color:var(--cw-muted); }
.cw-appdesk .crp-head-acts{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-left:auto; }
.cw-appdesk .btn--solid{ min-height:46px; padding:0 22px; font-size:16px; cursor:pointer}
.cw-appdesk .cw-card{ padding:22px 24px; }
.cw-appdesk .cw-card h2 { margin-bottom:10px; }
.cw-appdesk .cw-bill__tabs{ display:flex; flex-wrap:wrap; gap:4px; margin:0; }
.cw-appdesk .cw-btn{ min-height:42px; padding:0 18px; }

/* Client card: people, bank, yearly budget vs invoiced. */
.cw-clientcard + .cw-clientcard{ margin-top:16px; }
.cw-clientcard .cw-muted{ margin:0 0 12px; }
.cw-clientcard__acts{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cw-clientcard__acts form{ margin:0; }
.cw-clientcard__years{ display:flex; flex-wrap:wrap; gap:8px 12px; margin-right:auto; padding-left:8px; }
.cw-clientcard__years .cw-link.is-on{ font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.cw-iban{ font-variant-numeric:tabular-nums; letter-spacing:.02em; }
.cw-yearbooks{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:4px 0 16px; }
.cw-yearbooks > div{ display:grid; gap:4px; padding:12px 14px; border:1px solid var(--cw-line); border-radius:7px; background:var(--cw-soft); }
.cw-yearbooks span{ color:var(--cw-muted); font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.cw-yearbooks b{ color:var(--cw-ink); font-size:18px; font-weight:650; letter-spacing:-.02em; }
.cw-yearbooks b.is-over{ color:#c43d3d; }
.cw-yearbooks__months{ display:grid; grid-template-columns:repeat(12,1fr); align-items:end; gap:4px; height:48px; margin:0 0 16px; }
.cw-yearbooks__months span{ display:flex; align-items:end; height:100%; }
.cw-yearbooks__months i{ display:block; width:100%; border-radius:4px 4px 0 0; background:color-mix(in srgb,var(--cw-a) 55%, transparent); }
.cw-books-table{ width:100%; border-collapse:collapse; font-size:14px; }
.cw-books-table th,.cw-books-table td{ padding:8px 10px; border-bottom:1px solid var(--cw-line); text-align:left; }
.cw-books-table th{ color:var(--cw-muted); font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
@media (max-width:720px){
	.cw-yearbooks{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Rate card, holds, billing journal. */
.cw-ratecard-wrap{ overflow-x:auto; margin:0 -4px 12px; }
.cw-ratecard{ min-width:720px; }
.cw-ratecard input[type="number"]{ width:5.2rem; }
.cw-holds__pick{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; }
.cw-holds__pick input[type="checkbox"]{ margin:0; }
.cw-ownrates{ display:grid; gap:8px; }
.cw-journal-filters{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cw-journal-filters select{ min-height:40px; padding:0 10px; border:1px solid var(--cw-line); border-radius:6px; background:var(--cw-bg, #fff); color:inherit; }
.cw-journal td:nth-child(4),.cw-journal th:nth-child(4){ text-align:right; font-variant-numeric:tabular-nums; }
@media (max-width:720px){
	.cw-journal{ display:block; }
	.cw-journal thead{ display:none; }
	.cw-journal tbody{ display:block; }
	.cw-journal tr{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; padding:12px 0; border-bottom:1px solid var(--cw-line); }
	.cw-journal td{ min-width:0; padding:0; border:0; }
	.cw-journal td:nth-child(2){ grid-column:1; grid-row:1; font-weight:600; }
	.cw-journal td:nth-child(5){ grid-column:2; grid-row:1; justify-self:end; }
	.cw-journal td:nth-child(3){ grid-column:1 / -1; grid-row:2; }
	.cw-journal td:nth-child(1){ grid-column:1; grid-row:3; color:var(--cw-muted); font-size:13px; }
	.cw-journal td:nth-child(4){ grid-column:2; grid-row:3; justify-self:end; text-align:right; }
}
.cw-mkt__cats{ margin-top:8px; }
.cw-mkt__search{ position:relative; }
body :is(.cw-crm):is(.cw-crm) .cw-mkt__search input{ padding-right:48px; }
.cw-mkt__search input::-webkit-search-cancel-button{ display:none; }
.cw-mkt__clear{ position:absolute; top:50%; right:2px; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; color:#fff; transform:translateY(-50%); }
.cw-mkt__clear[hidden]{ display:none; }
.cw-mkt__clear:hover,.cw-mkt__clear:focus-visible{ background:rgba(255,255,255,.14); color:#fff; }
.cw-mkt__clear .cw-ico{ width:18px; height:18px; }
.cw-mkt__clear:focus-visible{ outline:2px solid #fff; outline-offset:-2px; }
.cw-mkt__card[hidden],.cw-mkt [data-cw-mkt-none][hidden]{ display:none; }
.cw-mkt [data-cw-mkt-none] p{ margin:0 0 6px; }
/* Phones: each chip row scrolls sideways instead of stacking many lines; chips are 40px tap targets. */
@media (max-width:600px){
	.cw-mkt > .cw-bill__chips{ flex-wrap:nowrap; overflow-x:auto; margin-right:-4px; padding:2px 4px 6px 2px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
	.cw-mkt > .cw-bill__chips::-webkit-scrollbar{ display:none; }
	.cw-mkt > .cw-mkt__cats{ margin-top:0; }
	.cw-mkt > .cw-bill__chips .cw-bill__chip{ flex:0 0 auto; min-height:40px; white-space:nowrap; }
}

/* Client dashboard + list sidebar */
.jx-acc--app:has(.cw-cdash) > .jx-acc__title{ display:none; }
.jx-acc--app:has(.cw-cdash) .jx-acc__main.is-page{ padding:0; background:transparent; border-radius:0; }
.cw-cdash{ gap:20px; min-width:0; width:100%; }
.cw-cdash__top{ display:grid; grid-template-columns:minmax(0,1fr) minmax(168px,220px); gap:16px; align-items:stretch; }
.cw-cdash .jx-dash__plan{
	align-items:flex-start;
	gap:12px 20px;
	height:100%;
	min-height:0;
	padding:22px 24px;
	box-sizing:border-box;
}
.cw-cdash .jx-dash__plan h2{ margin:4px 0 0; font-size:clamp(22px, 2vw, 30px); }
.cw-cdash .jx-dash__plan .jx-dash__dek{ margin:4px 0 0; }
.cw-cdash .jx-dash__plan .jx-dash__dek a{ color:inherit; text-decoration:underline; text-underline-offset:3px; }
.cw-cdash .jx-dash__plan .jx-dash__dek a:hover{ color:#fff; }
.cw-cdash .jx-dash__facts{ grid-template-columns:1fr; margin-top:16px; gap:12px; }
.cw-cdash .jx-dash__facts dt{ color:rgba(255,255,255,.55); font-size:11px; font-weight:650; letter-spacing:.06em; text-transform:uppercase; }
.cw-cdash .jx-dash__facts dd{ margin:4px 0 0; color:#fff; font-size:15px; line-height:1.45; }
.cw-cdash .jx-glowcard::before,
.cw-cdash .jx-glowcard::after{ width:min(180px, 48%); }
.cw-cdash .jx-glowcard::before{ top:-70%; right:-8%; }
.cw-cdash .jx-glowcard::after{ bottom:-80%; left:-10%; }
.cw-cdash__side{ display:grid; align-content:start; gap:10px; }
.cw-cdash__logo{ display:grid; place-items:center; width:100%; height:132px; overflow:hidden; border:1px solid var(--cw-line); border-radius:9px; background:var(--cw-soft); }
.cw-cdash__logo img{ width:100%; height:100%; object-fit:contain; background:#fff; }
.cw-cdash__logo span{ color:var(--cw-a); font-size:42px; font-weight:650; }
.cw-cdash__logoform{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; }
.cw-cdash__logoform input[type="file"]{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.cw-cdash__facts{ grid-template-columns:1fr; }
.cw-cdash .jx-dash__plan-actions{ align-items:center; flex:none; }
.cw-cli__star{ display:grid; place-items:center; width:36px; height:36px; margin:0; padding:0; border:0; border-radius:6px; background:transparent; color:var(--cw-muted); cursor:pointer; }
.cw-cli__star:hover,.cw-cli__star.is-on{ color:#d97706; }
.cw-cli__star.is-on .cw-ico{ fill:currentColor; }
.cw-cli__star--hero{ width:42px; height:42px; color:rgba(255,255,255,.7); }
.cw-cli__star--hero:hover,.cw-cli__star--hero.is-on{ color:#ffd27a; background:rgba(255,255,255,.08); }
.cw-pager{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 16px; margin-top:14px; }
.cw-pager__range{ margin:0; color:var(--cw-muted); font-size:13px; }
.cw-pager__btns{ display:flex; gap:14px; }
.cw-cli-rows[aria-busy="true"]{ opacity:.55; pointer-events:none; }
.cw-cli-rows > li{ display:grid; grid-template-columns:44px minmax(0,1fr); align-items:center; border-top:1px solid var(--cw-line); }
.cw-cli-rows > li:first-child{ border-top:0; }
.cw-cli-rows > li > a{ border-top:0; min-width:0; }
.cw-cli-rows .cw-cli__star{ justify-self:center; }
.cw-person__avatar--logo{ overflow:hidden; background:#fff; }
.cw-person__avatar--logo img{ width:100%; height:100%; object-fit:cover; }
.cw-cnav .cw-set__item{ text-decoration:none; color:inherit; }
.cw-cnav .cw-set__item.is-on{ background:var(--cw-soft); }
.cw-cnav .cw-cnav__mark{ width:40px; height:40px; }
.cw-cnav__h{ margin:16px 8px 6px; color:var(--cw-muted); font-size:11px; font-weight:650; letter-spacing:.06em; text-transform:uppercase; }
.cw-cnav__empty{ margin:0 8px 8px; }
.cw-cnav > .cw-cnav__now{ display:none; }
.cw-cnav__slide{ display:contents; }
.cw-set__ico--fav,.cw-set__ico--star{ background:color-mix(in srgb,#d97706 14%,transparent); color:#d97706; }
.cw-set__ico--lead,.cw-set__ico--holds{ background:color-mix(in srgb,var(--cw-a) 12%,transparent); color:var(--cw-a); }
.cw-set__ico--active,.cw-set__ico--overview{ background:color-mix(in srgb,#059669 12%,transparent); color:#059669; }
.cw-set__ico--inactive{ background:var(--cw-soft); color:var(--cw-muted); }
.cw-set__ico--people{ background:color-mix(in srgb,#2563eb 12%,transparent); color:#2563eb; }
.cw-set__ico--banks,.cw-set__ico--invoices{ background:color-mix(in srgb,#d97706 12%,transparent); color:#d97706; }
.cw-set__ico--notes{ background:color-mix(in srgb,#0891b2 12%,transparent); color:#0891b2; }
.cw-set__ico--contracts{ background:color-mix(in srgb,#7c3aed 12%,transparent); color:#7c3aed; }
@media (max-width:1100px){
	.cw-cdash__top{ grid-template-columns:minmax(0,1fr) 148px; }
	.cw-cdash__logo{ height:112px; }
	.cw-cdash .jx-dash__stats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.cw-set.cw-cnav{ flex:none; height:auto; min-height:0; align-self:start; padding:14px 12px; }
	.cw-cnav .cw-set__title{ margin:0 8px 6px; }
	.cw-cnav > .cw-cnav__now{
		display:grid;
		width:100%;
		margin:0;
		border:0;
		background:var(--cw-soft);
		color:inherit;
		font:inherit;
		text-align:left;
		cursor:pointer;
	}
	.cw-cnav__chev{ transition:transform .28s cubic-bezier(.2,.7,.2,1); transform:rotate(90deg); }
	.cw-cnav.is-open .cw-cnav__chev{ transform:rotate(-90deg); }
	.cw-cnav__slide{
		display:grid;
		grid-template-rows:0fr;
		transition:grid-template-rows .32s cubic-bezier(.2,.7,.2,1);
	}
	.cw-cnav.is-open .cw-cnav__slide{ grid-template-rows:1fr; }
	.cw-cnav__in{ min-height:0; overflow:hidden; }
	.cw-cnav .cw-set__list,.cw-cnav .cw-cnav__h,.cw-cnav .cw-cnav__empty{
		opacity:0;
		transform:translateY(-6px);
		transition:opacity .28s cubic-bezier(.2,.7,.2,1), transform .32s cubic-bezier(.2,.7,.2,1);
	}
	.cw-cnav.is-open .cw-set__list,.cw-cnav.is-open .cw-cnav__h,.cw-cnav.is-open .cw-cnav__empty{ opacity:1; transform:none; }
	/* The current page stays in the list (a menu that changes on every page is confusing), marked with a left bar. */
	.cw-cnav .cw-set__list a.is-on{ box-shadow:inset 3px 0 0 var(--cw-a, var(--accent, #6c4ef5)); background:var(--cw-soft, rgba(108,78,245,.08)); font-weight:600; }
	.cw-cnav.is-open .cw-cnav__now{ background:transparent; }
}
@media (max-width:800px){
	.cw-cdash .jx-dash__plan{ flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px 16px; padding:16px 18px; }
	.cw-cdash .jx-dash__plan-actions{ width:auto; }
}
@media (max-width:720px){
	.cw-cdash__top{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:520px){
	.cw-cdash .jx-dash__stats{ grid-template-columns:minmax(0,1fr); }
}

/* Bringing someone in: two forms under each other. */
.cw-onboard h3{ margin:18px 0 8px; font-size:15px; }
.cw-onboard h3:first-child{ margin-top:0; }
.cw-onboard form + h3{ margin-top:26px; padding-top:18px; border-top:1px solid var(--cw-line,#e8eaf0); }
.cw-invite__check{ display:flex; align-items:center; gap:10px; margin:8px 0 12px; cursor:pointer; }

/* Team: inputs of both forms look alike and fill the drawer. */
.cw-invite input:is([type=text],[type=email]){ min-height:46px; padding:0 16px; border:1px solid var(--cw-line); border-radius:4px; background:transparent; color:var(--cw-ink); font:inherit; }
.cw-invite input:is([type=text],[type=email]):focus{ outline:0; border-color:var(--cw-a); box-shadow:0 0 0 4px color-mix(in srgb,var(--cw-a) 15%,transparent); }
.cw-dw .cw-invite input:is([type=text],[type=email]),.cw-dw .cw-invite select{ width:100%; box-sizing:border-box; }
.cw-dw .cw-invite{ padding:0; border:0; border-radius:0; }
.cw-dw .cw-muted{ font-size:13px; line-height:1.45; color:var(--cw-muted,#646970); margin:10px 0 0; }
.cw-dw .cw-invite__check{ align-items:flex-start; font-size:14px; min-height:44px; }
.cw-dw .cw-invite__check input{ width:18px; height:18px; margin:2px 0 0; flex:none; }
.cw-seg{ display:inline-flex; gap:4px; padding:4px; border-radius:999px; background:var(--cw-soft,#f3f3f7); margin:0 0 18px; }
.cw-seg button{ border:0; border-radius:999px; padding:9px 16px; background:transparent; color:var(--cw-muted,#646970); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.cw-seg button.is-on{ background:var(--cw-card,#fff); color:var(--cw-ink); box-shadow:0 1px 3px rgba(20,20,43,.12); }
.cw-onboard__full{ margin:0 0 14px; padding:12px 14px; border:1px solid var(--cw-line); border-radius:7px; background:var(--cw-soft,#f7f7fb); font-size:14px; }
.cw-chip{ display:inline-block; margin-left:8px; padding:2px 10px; border-radius:999px; background:var(--cw-soft,#f1f1f6); color:var(--cw-muted,#646970); font-size:12px; font-weight:600; vertical-align:middle; }
.cw-chip.is-wait{ background:color-mix(in srgb,#d97706 16%,#fff); color:#7a4a00; }
.cw-chip.is-late{ background:color-mix(in srgb,#d64545 14%,#fff); color:#8a2020; }
.cw-people__n{ color:var(--cw-muted,#646970); font-weight:500; }
.cw-people__search{ margin:0 0 10px; }
.cw-people__search input{ width:100%; max-width:360px; min-height:42px; padding:0 14px; border:1px solid var(--cw-line); border-radius:12px; background:transparent; font:inherit; }

/* Former team members. */
.cw-people--former{ margin-top:28px; }
.cw-people--former > .cw-muted{ margin:0 0 8px; }
.cw-person.is-former .cw-person__avatar{ background:var(--cw-soft,#f1f1f6); color:var(--cw-muted,#646970); }
.cw-person.is-former .cw-person__who b{ color:var(--cw-muted,#646970); }

/* Team: bulk selection. */
.cw-person__pick{ width:18px; height:18px; flex:none; margin:0 2px 0 0; accent-color:var(--cw-a,#6c4ef5); }
.cw-person:has(.cw-person__pick){ grid-template-columns:18px 44px minmax(0,1fr) auto auto; }
@media (max-width:640px){
	.cw-person:has(.cw-person__pick){ grid-template-columns:18px 44px minmax(0,1fr); }
	.cw-person:has(.cw-person__pick) .cw-person__role,
	.cw-person:has(.cw-person__pick) .cw-person__actions{ grid-column:3; }
}
.cw-bulk{ position:sticky; top:8px; z-index:3; display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:0 0 10px; padding:10px 14px; border-radius:4px; background:var(--cw-soft,#f2f2f5); border:1px solid var(--cw-line,#e2e4e7); }
.cw-bulk[hidden]{ display:none; }
.cw-bulk select{ min-height:38px; border-radius:6px; }

/* Balances (clients). */
.cw-bal__bar{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px 14px; margin:0 0 6px; }
.cw-bal__bar label{ display:grid; gap:4px; font-size:13px; color:var(--cw-muted,#646970); }
.cw-bal__bar select, .cw-bal__bar input[type=date]{ min-height:40px; border-radius:6px; }
.cw-bal__check{ display:flex !important; align-items:center; gap:6px; align-self:center; }
.cw-bal__range{ margin:0 0 14px; }
.cw-bal .cw-card{ margin-bottom:16px; }
.cw-bal__scroll{ overflow:auto; }
.cw-bal__table{ width:100%; border-collapse:collapse; font-size:14px; font-variant-numeric:tabular-nums; }
.cw-bal__table th{ text-align:left; padding:10px 12px; font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--cw-muted,#646970); border-bottom:1px solid var(--cw-line,#e2e4e7); white-space:nowrap; }
.cw-bal__table td{ padding:10px 12px; border-bottom:1px solid var(--cw-line,#e2e4e7); vertical-align:top; }
.cw-bal__table .n{ text-align:right; white-space:nowrap; }
.cw-bal__table td a{ color:inherit; text-decoration:none; }
.cw-bal__table td small{ display:block; color:var(--cw-muted,#646970); font-weight:400; }
.cw-bal__table tr.is-on td{ background:color-mix(in srgb,var(--cw-a,#6c4ef5) 8%, transparent); }
.cw-bal__table tfoot th{ border-top:2px solid var(--cw-line,#e2e4e7); border-bottom:0; font-size:14px; text-transform:none; letter-spacing:0; color:inherit; }
.cw-bal .is-late, .cw-bal .is-debt{ color:#b4361c; }
.cw-bal__flag{ display:inline-block; margin-top:2px; padding:1px 8px; border-radius:999px; background:color-mix(in srgb,#b4361c 14%, transparent); color:#b4361c; font-size:12px; font-style:normal; }
.cw-bal__age{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; }
.cw-bal__age > div{ padding:12px 14px; border-radius:4px; background:var(--cw-soft,#f2f2f5); }
.cw-bal__age small{ display:block; color:var(--cw-muted,#646970); font-size:12px; }
.cw-bal__age b{ display:block; margin-top:4px; font-size:18px; }
@media print{ .cw-bal__bar, .crp-head-acts, .app__rail, .app__top{ display:none !important; } }

.cw-bal__open td{ background:var(--cw-soft,#f2f2f5); }

/* ------------------------------------------------------------------ Integrations directory (includes/integrations.php)
   Reuses the Marketplace cards; the card is not a link, so the body carries the card look and the action sits at the bottom. */
.cw-int .cw-mkt__cats{ margin:0 0 18px; }
body .cw-int.cw-int .cw-btn--small{ min-height:40px; }
.cw-int__group{ margin:0 0 24px; }
.cw-int__h{ margin:0 0 10px; font-size:15px; font-weight:600; letter-spacing:-.01em; }
.cw-int__body{ display:flex; flex-direction:column; gap:6px; height:100%; box-sizing:border-box; padding:18px; border:1px solid var(--cw-line); border-radius:4px; color:var(--cw-ink); }
.cw-int__note{ color:var(--cw-muted); font-size:13px; line-height:1.4; }
.cw-int__act{ margin-top:auto; padding-top:8px; }
.cw-int__act .cw-btn{ min-height:40px; }
.cw-badge2--off{ background:var(--cw-soft); color:var(--cw-muted); font-weight:600; }

/* ==========================================================================
 * Home page "At a glance" (dash-cards.php): small app cards above the projects.
 * One tint per app (Payroll green-teal, CRM Plus purple-blue), light and dark.
 * One column on a phone, two when the content is tablet wide, three when wide.
 * ======================================================================== */
.cw-glance{ --g-pay:#0d7a63; --g-pay-bg:#d5f1e7; --g-crm:#4c43c4; --g-crm-bg:#e2dfff; --g-tint:var(--accent-2,#5b43d6); --g-bg:var(--lilac,#dcd4ff); min-width:0; max-width:100%; container-type:inline-size; }
[data-theme="dark"] .cw-glance{ --g-pay:#72d9b9; --g-pay-bg:#163a32; --g-crm:#b3a9ff; --g-crm-bg:#2b2452; --g-bg:var(--d-lilac,#2b2452); }
.cw-glance__h{ margin:0 0 12px; color:var(--muted,#5d5f72); font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.cw-glance__grid{ display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.cw-glance__grid > *{ min-width:0; }
@container (min-width:520px){ .cw-glance__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (min-width:840px){ .cw-glance__grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.cw-glance .cw-gcard{ display:flex; flex-direction:column; gap:4px; box-sizing:border-box; padding:20px; }
.cw-gcard--pay{ --g-tint:var(--g-pay); --g-bg:var(--g-pay-bg); }
.cw-gcard--crm{ --g-tint:var(--g-crm); --g-bg:var(--g-crm-bg); }
.cw-gcard__head{ display:flex; align-items:center; gap:12px; min-width:0; margin-bottom:8px; }
.cw-gcard__ico{ display:grid; flex:0 0 40px; place-items:center; width:40px; height:40px; border-radius:7px; background:var(--g-bg); color:var(--g-tint); }
.cw-gcard__ico .cw-ico{ width:20px; height:20px; }
.cw-gcard__title{ flex:1 1 auto; min-width:0; margin:0; font-size:16px; font-weight:600; line-height:1.25; letter-spacing:-.01em; overflow-wrap:anywhere; }
.cw-gcard__pill{ flex:0 0 auto; padding:3px 10px; border-radius:999px; background:var(--soft,rgba(19,20,48,.06)); color:var(--muted,#5d5f72); font-size:12px; font-weight:600; white-space:nowrap; }
.cw-gcard__pill.is-open{ background:var(--g-bg); color:var(--g-tint); }
.cw-gcard__pill.is-paid{ background:#dff3e6; color:#1d6b3a; }
[data-theme="dark"] .cw-gcard__pill.is-paid{ background:rgba(47,182,124,.18); color:#86e3b3; }
.cw-gcard__num{ margin:0; font-size:30px; font-weight:600; line-height:1.1; letter-spacing:-.04em; overflow-wrap:anywhere; }
.cw-gcard__cap,
.cw-gcard__empty{ margin:0; color:var(--muted,#5d5f72); font-size:14px; line-height:1.45; }
.cw-gcard__empty a{ display:inline-flex; align-items:center; min-height:40px; color:var(--accent-2,#5b43d6); font-weight:600; text-decoration:none; }
.cw-gcard__spark{ margin:6px 0 0; color:var(--g-tint); }
.cw-spark{ display:block; width:100%; height:auto; max-height:64px; overflow:visible; }
.cw-spark__area{ opacity:.14; }
.cw-spark__dot{ stroke:#fff; stroke-width:2.5; }
[data-theme="dark"] .cw-spark__dot{ stroke:#17162a; }
.cw-gcard__rows{ display:grid; margin:2px 0 0; padding:0; list-style:none; }
.cw-gcard__rows a,
.cw-gcard__row{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:40px; margin:0 -8px; padding:0 8px; border-radius:6px; color:inherit; font-size:14px; text-decoration:none; }
.cw-gcard__rows a:hover{ background:var(--soft,rgba(19,20,48,.05)); }
.cw-gcard__rows span{ min-width:0; overflow-wrap:anywhere; }
.cw-gcard__rows b{ flex:0 0 auto; min-width:28px; padding:2px 8px; border-radius:999px; background:var(--g-bg); color:var(--g-tint); font-size:13px; text-align:center; }
.cw-gcard__links{ display:flex; flex-wrap:wrap; gap:0 18px; margin:auto 0 0; padding-top:6px; }
.cw-gcard__links a{ display:inline-flex; align-items:center; gap:4px; min-height:40px; color:var(--accent-2,#5b43d6); font-size:14px; font-weight:600; text-decoration:none; }
.cw-gcard__links a:hover,
.cw-gcard__empty a:hover{ text-decoration:underline; text-underline-offset:4px; }

/* Client header on phones: status top left, Edit and the star top right, the name under them, New invoice as a quiet button last. */
.cw-cdash__st-m{ display:none; }
@media (max-width:720px){
	.cw-crm.cw-cdash .jx-dash__plan{ display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:12px 10px; padding:16px 16px 18px; }
	.cw-crm.cw-cdash .jx-dash__plan > div:first-child{ grid-row:2; grid-column:1 / -1; width:100%; }
	.cw-crm.cw-cdash .jx-dash__plan-actions{ display:contents; }
	.cw-crm.cw-cdash .cw-cdash__st-m{ display:inline-block; grid-row:1; grid-column:1; justify-self:start; }
	.cw-crm.cw-cdash .cw-cdash__st-fact{ display:none; }
	.cw-crm.cw-cdash .jx-dash__plan-actions > .btn{ grid-row:1; grid-column:2; width:auto; min-height:40px; padding:0 20px; font-size:15px; }
	.cw-crm.cw-cdash .jx-dash__plan-actions > .cw-cli__star--hero{ grid-row:1; grid-column:3; width:40px; height:40px; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:rgba(255,255,255,.07); color:#fff; }
	.cw-crm.cw-cdash .jx-dash__plan-actions > .cw-cli__star--hero.is-on{ border-color:rgba(255,210,122,.6); background:rgba(255,210,122,.14); color:#ffd27a; }
	.cw-crm.cw-cdash .jx-dash__plan-actions > .cw-cli__star--hero .cw-ico{ width:19px; height:19px; }
	.cw-crm.cw-cdash .jx-dash__plan-actions > .jx-dash__link{ grid-row:3; grid-column:1 / -1; justify-self:start; display:inline-flex; align-items:center; min-height:40px; padding:0 18px; border:1px solid rgba(255,255,255,.28); border-radius:999px; text-decoration:none; font-size:15px; }
	.cw-crm.cw-cdash .jx-dash__plan-actions > .jx-dash__link:hover{ background:rgba(255,255,255,.08); text-decoration:none; }
	.cw-crm.cw-cdash .jx-dash__plan h2{ margin-top:0; }
}

/* Photos replace the initial letter wherever an avatar shows. */
.has-photo{ background-size:cover !important; background-position:center !important; background-repeat:no-repeat; color:transparent !important; font-size:0 !important; }
.cw-person__name{ color:inherit; text-decoration:none; }
.cw-person__name:hover{ text-decoration:underline; }
.cw-profile__card h3{ margin:0 0 12px; }
.cw-profile__card{ margin-top:16px; }
.cw-profile__who{ display:flex; align-items:center; gap:18px; }
.cw-profile__who h2{ margin:0; }
.cw-profile__who h2 em{ font-size:.6em; font-weight:500; opacity:.75; }
.cw-profile__avatar{ display:grid; flex:none; place-items:center; width:96px; height:96px; border-radius:50%; background:rgba(255,255,255,.16); border:3px solid rgba(255,255,255,.5); color:#fff; font-size:38px; font-weight:600; }
.cw-profile__head h2{ margin:0; font-size:22px; }
.cw-profile__head p{ margin:2px 0 0; }
.cw-profile__facts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px 24px; margin:0; }
.cw-profile__facts dt{ font-size:12px; color:var(--cw-muted); text-transform:uppercase; letter-spacing:.04em; }
.cw-profile__facts dd{ margin:2px 0 0; font-size:15px; overflow-wrap:anywhere; }
.cw-profile__edit{ margin-top:16px; }
.cw-profile{ --cw-a:var(--accent,#6c4ef5); --cw-ink:var(--ink,#1d2327); --cw-muted:var(--muted,#646970); --cw-line:var(--line,#e2e4e7); --cw-soft:var(--soft,#f2f2f5); --cw-r:var(--radius,9px); }
.cw-profile .cw-card{ background:var(--card,#fff); }
.cw-profile__edit > .cw-muted{ margin:0 0 16px; }
.cw-profile__form{ display:grid; gap:18px; }
.cw-profile__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 16px; }
.cw-profile__grid .cw-field{ margin:0; }
.cw-profile__grid input{ width:100%; }
.cw-profile__save{ margin:0; }
.cw-drop{ position:relative; display:flex; align-items:center; gap:18px; padding:16px; border:2px dashed color-mix(in srgb,var(--cw-ink) 24%,transparent); border-radius:var(--cw-r); background:color-mix(in srgb,var(--cw-ink) 4%,transparent); transition:border-color .15s,background .15s; }
.cw-drop.is-over,.cw-drop:focus-within{ border-color:var(--cw-a); background:color-mix(in srgb,var(--cw-a) 8%,transparent); }
.cw-drop__pic{ display:grid; flex:none; place-items:center; width:80px; height:80px; border-radius:50%; background:var(--cw-a) center/cover no-repeat; color:#fff; font-size:32px; font-weight:600; }
.cw-drop__text{ display:grid; gap:2px; min-width:0; }
.cw-drop__label{ cursor:pointer; color:var(--cw-ink); font-size:15px; }
.cw-drop__label::after{ content:""; position:absolute; inset:0; }
.cw-drop__hint{ font-size:13px; }
.cw-drop__err{ color:#e5484d; font-size:13px; font-weight:600; }
.cw-drop__err:empty{ display:none; }
.cw-drop__remove{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:6px; margin-top:6px; min-height:32px; color:var(--cw-a); font-size:14px; font-weight:600; cursor:pointer; text-decoration:underline; }
.cw-drop__input{ position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; clip:rect(0 0 0 0); pointer-events:none; }
.cw-drop__remove:has(:checked) span::after{ content:" (on save)"; font-weight:400; text-decoration:none; }
@media (max-width:640px){ .cw-profile__grid{ grid-template-columns:1fr; } .cw-profile__save .cw-btn{ width:100%; } }
@media (max-width:420px){ .cw-drop{ flex-direction:column; align-items:flex-start; } }
@media (max-width:520px){ .cw-profile__who{ flex-direction:column; align-items:flex-start; } .cw-profile__avatar{ width:80px; height:80px; font-size:32px; } }
.cw-profile__chg{ flex:none; margin:0; }
.cw-profile__chg label{ position:relative; display:block; width:96px; height:96px; border-radius:50%; overflow:hidden; cursor:pointer; }
.cw-profile__chg input[type=file]{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.cw-profile__chg-t{ position:absolute; inset:0; display:grid; place-items:center; background:rgba(10,10,30,.62); color:#fff; font-size:14px; font-weight:600; opacity:0; transition:opacity .15s; pointer-events:none; }
.cw-profile__chg label:hover .cw-profile__chg-t,.cw-profile__chg label:focus-within .cw-profile__chg-t{ opacity:1; }
@media (hover:none){ .cw-profile__chg-t{ inset:auto 0 0 0; padding:4px 0 6px; opacity:1; font-size:12px; background:rgba(10,10,30,.55); } }
@media (max-width:520px){ .cw-profile__chg label{ width:80px; height:80px; } }
/* Profile header: secondary links as outlined pills (same as CRM Plus), 40px taps, long text wraps */
.cw-profile__hero .jx-dash__plan-actions{ display:flex; justify-content:flex-start; width:auto; flex-direction:row; flex-wrap:wrap; align-items:center; gap:10px; }
.cw-profile__hero .jx-dash__plan-actions > .btn{ min-height:40px; }
.cw-profile__hero .jx-dash__link{ display:inline-flex; align-items:center; min-height:40px; padding:0 18px; border:1px solid rgba(255,255,255,.28); border-radius:999px; color:#fff; text-decoration:none; font-size:15px; }
.cw-profile__hero .jx-dash__link:hover,.cw-profile__hero .jx-dash__link:focus-visible{ background:rgba(255,255,255,.08); text-decoration:none; }
.cw-profile__who > div:last-child{ min-width:0; }
.cw-profile__who h2,.cw-profile__hero .jx-dash__dek{ overflow-wrap:anywhere; }
.cw-profile__hero .jx-dash__dek{ color:rgba(255,255,255,.82); }
.cw-profile__chg-t{ background:rgba(10,10,30,.72); }
.cw-profile__avatar.has-photo{ background-color:rgba(255,255,255,.16); }

/* Billing lists: tick boxes, bulk bar, PDF column, record payment drawer. */
.cw-bill__acts{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cw-inline{ display:inline; margin:0; }
.cw-bulk{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 10px; padding:10px 12px; border:1px solid var(--cw-line); border-radius:4px; background:var(--cw-soft); }
.cw-bulk[hidden]{ display:none; }
.cw-bulk__n{ margin-right:auto; color:var(--cw-muted); font-size:13px; font-weight:600; }
.cw-bulk__danger{ color:#b42318 !important; box-shadow:inset 0 0 0 1px #b42318 !important; }
.cw-chk{ width:18px; height:18px; margin:0; accent-color:var(--cw-a, #6c4ef5); cursor:pointer; }
.cw-chk-col{ width:36px; }
.cw-sortlink{ color:inherit; text-decoration:none; white-space:nowrap; }
.cw-sortlink:hover,.cw-sortlink.is-on{ color:var(--cw-a, #6c4ef5); }
.cw-doclist td:nth-child(4),.cw-doclist th:nth-child(4){ text-align:left; font-variant-numeric:normal; }
.cw-doclist td:nth-child(5),.cw-doclist th:nth-child(5){ text-align:right; font-variant-numeric:tabular-nums; }
.cw-doclist__pdf{ text-align:right; white-space:nowrap; }
.cw-date input{ min-height:40px; padding:0 10px; border:1px solid var(--cw-line); border-radius:6px; background:var(--cw-bg, #fff); color:inherit; }
@media (max-width:720px){
	.cw-doclist tr{ grid-template-columns:28px minmax(0,1fr) auto; align-items:center; }
	.cw-doclist td:nth-child(1){ grid-column:1; grid-row:1; }
	.cw-doclist td:nth-child(3){ grid-column:2; grid-row:1; font-weight:600; }
	.cw-doclist td:nth-child(6){ grid-column:3; grid-row:1; justify-self:end; }
	.cw-doclist td:nth-child(4){ grid-column:2 / -1; grid-row:2; text-align:left; }
	.cw-doclist td:nth-child(2){ grid-column:2; grid-row:3; color:var(--cw-muted); font-size:13px; }
	.cw-doclist td:nth-child(5){ grid-column:3; grid-row:3; justify-self:end; text-align:right; }
	.cw-doclist td:nth-child(7){ grid-column:2 / -1; grid-row:4; text-align:left; }
	.cw-doclist .cw-chk-col{ width:auto; }
}
.cw-dw[data-cw-dw="pay-batch"]{ width:min(780px, 100vw); }
.cw-payform__all{ margin:0 0 10px; }
.cw-payform__all label,.cw-payform__mail{ display:inline-flex; align-items:center; gap:8px; min-height:32px; font-size:14px; }
.cw-payrow{ margin:0 0 10px; border:1px solid var(--cw-line); border-radius:4px; }
.cw-payrow[hidden]{ display:none; }
.cw-payrow.is-on{ border-color:var(--cw-a, #6c4ef5); }
.cw-payrow__head{ display:flex; align-items:center; gap:12px; padding:10px 12px; cursor:pointer; }
.cw-payrow__who{ display:grid; flex:1; min-width:0; }
.cw-payrow__who small{ overflow:hidden; color:var(--cw-muted); text-overflow:ellipsis; white-space:nowrap; }
.cw-payrow__bal{ font-weight:600; white-space:nowrap; }
.cw-payrow__f{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; padding:0 12px 12px; }
.cw-payrow__f label{ display:grid; gap:4px; color:var(--cw-muted); font-size:12px; font-weight:600; }
.cw-payrow__f input,.cw-payrow__f select{ box-sizing:border-box; width:100%; min-height:40px; }
.cw-payrow:not(.is-on) .cw-payrow__f{ opacity:.45; }
.cw-payform__foot{ position:sticky; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:12px; margin:12px -22px 0; padding:12px 22px; border-top:1px solid var(--cw-line); background-color:var(--bg, #fff); background-image:linear-gradient(var(--cw-card), var(--cw-card)); }
.cw-payform__sum{ margin-right:auto; color:var(--cw-muted); font-size:13px; font-weight:600; }
@media (max-width:560px){ .cw-payrow__f{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
.cw-rows > li.cw-rows__line--chk{ align-items:center; }
.cw-rows > li.cw-rows__line--chk > .cw-chk{ flex:none; margin:0 0 0 14px; }
.cw-rows > li.cw-rows__line--chk > a{ flex:1; min-width:0; border-top:0; }
.cw-doclist__all{ margin:0 0 6px; padding-left:14px; }
.cw-doclist__all label{ display:inline-flex; align-items:center; gap:8px; color:var(--cw-muted); font-size:13px; }
@media (max-width:900px){ .cw-rows > li.cw-rows__line--chk > a{ flex:1 1 calc(100% - 50px); } }

/* Help centre */
.cw-help{ display:grid; gap:18px; }
.cw-help__search{ display:flex; gap:10px; max-width:640px; }
.cw-help__search input[type=search]{ flex:1; min-width:0; min-height:46px; padding:0 16px; border:1px solid var(--cw-line); border-radius:999px; background:var(--white,#fff); color:var(--cw-ink); font:inherit; }
.cw-help__cats{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; }
.cw-help__cat{ display:grid; gap:6px; align-content:start; color:var(--cw-ink); text-decoration:none; }
.cw-help__cat:hover{ border-color:var(--cw-a); }
.cw-help__cat b{ font-size:16px; }
.cw-help__peek{ color:var(--cw-muted); font-size:13px; line-height:1.4; }
.cw-help__list{ margin:8px 0 0; padding:0; list-style:none; }
.cw-help__list li + li{ border-top:1px solid var(--cw-line); }
.cw-help__list a{ display:grid; gap:2px; padding:12px 0; min-height:44px; color:var(--cw-ink); text-decoration:none; }
.cw-help__list a:hover .cw-help__t{ color:var(--cw-a); }
.cw-help__t{ font-weight:600; }
.cw-help__s, .cw-help__c{ color:var(--cw-muted); font-size:13px; }
.cw-help__body{ max-width:760px; line-height:1.65; }
.cw-help__body p, .cw-help__body ul, .cw-help__body ol{ margin:0 0 14px; }
.cw-help__body li{ margin-bottom:6px; }
.cw-help__body a{ color:var(--cw-a); }
.cw-help__stuck{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; }
.cw-help__stuck h3, .cw-help__stuck p{ margin:0; }
.cw-help-q{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid var(--cw-line,#e2e4e7); border-radius:50%; color:var(--cw-muted,#646970); font-weight:600; text-decoration:none; }
.cw-help-q:hover{ border-color:var(--cw-a,#6c4ef5); color:var(--cw-a,#6c4ef5); }
@media (max-width:600px){ .cw-help__search{ flex-wrap:wrap; } .cw-help__search .cw-btn{ width:100%; } }
.cw-help__crumbs{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; color:var(--cw-muted); }
.cw-help__crumbs a{ display:inline-flex; align-items:center; min-height:40px; }
.cw-deltable{ width:100%; border-collapse:collapse; font-size:14px; }
.cw-deltable th, .cw-deltable td{ padding:10px 8px; border-bottom:1px solid var(--cw-line); text-align:left; vertical-align:middle; }
.cw-deltable th{ color:var(--cw-muted); font-size:12px; font-weight:600; }
.cw-deltable__num{ font-weight:600; }
.cw-deltable__act{ text-align:right !important; }
@media (max-width:700px){
	.cw-deltable thead{ display:none; }
	.cw-deltable, .cw-deltable tbody, .cw-deltable tr, .cw-deltable td{ display:block; }
	.cw-deltable tr{ padding:12px 0; border-bottom:1px solid var(--cw-line); }
	.cw-deltable td{ padding:2px 0; border:0; }
	.cw-deltable td[data-label]:not(.cw-deltable__num)::before{ content:attr(data-label) ": "; color:var(--cw-muted); }
	.cw-deltable__act{ text-align:left !important; padding-top:8px !important; }
}

/* Team: hand over ownership (confirm) and the undo banner. */
.cw-owner-ask{ align-items:flex-start; border-color:color-mix(in srgb,var(--cw-a) 45%,var(--cw-line)); background:color-mix(in srgb,var(--cw-a) 5%,transparent); }
.cw-owner-ask .cw-seats__count{ margin-bottom:8px; font-size:20px; line-height:1.3; }
.cw-owner-ask .cw-field{ margin:16px 0 0; }
.cw-owner-ask .cw-field input{ box-sizing:border-box; width:100%; max-width:440px; min-height:46px; padding:0 16px; border:1px solid var(--cw-line); border-radius:7px; background:transparent; color:var(--cw-ink); font:inherit; }
.cw-owner-ask .cw-field input:focus{ outline:0; border-color:var(--cw-a); box-shadow:0 0 0 4px color-mix(in srgb,var(--cw-a) 15%,transparent); }
.cw-owner-ask form > p:last-child{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 0; }
.cw-owner-undo{ border-color:color-mix(in srgb,#e0a030 50%,var(--cw-line)); background:color-mix(in srgb,#e0a030 9%,transparent); }
.cw-owner-undo .cw-seats__count{ margin-bottom:6px; }
.cw-owner-undo .cw-muted{ margin:0; }
.cw-owner-undo form{ margin:0; }
@media (max-width:600px){
	.cw-owner-ask, .cw-owner-undo{ padding:18px 16px; }
	.cw-owner-ask form > p:last-child .cw-btn, .cw-owner-undo .cw-btn{ flex:1 1 100%; }
	.cw-owner-undo form{ width:100%; }
}

/* Billing lists: filters fill the row on phones; bulk bar targets; the red Delete stays readable in dark mode. */
.cw-journal-filters select{ background:transparent; }
@media (max-width:600px){
	.cw-journal-filters > select, .cw-journal-filters > input[type=search], .cw-journal-filters > input[type=text]{ flex:1 1 100%; width:100%; min-width:0; box-sizing:border-box; }
	.cw-bill .cw-crm__search.cw-journal-filters{ flex:1 1 100%; width:100%; }
	.cw-bulk .cw-btn--small{ min-height:40px; }
}
[data-theme="dark"] .cw-bulk__danger{ color:#ff9a8f !important; box-shadow:inset 0 0 0 1px #ff9a8f !important; }

/* Delete confirm page and red buttons. */
.cw-btn.cw-btn--danger{ background:#d92d20; color:#fff !important; }
.cw-btn.cw-btn--danger:hover{ filter:brightness(.92); }
.cw-delconfirm > p{ max-width:60ch; margin:0 0 16px; color:var(--cw-muted); line-height:1.55; }
.cw-delconfirm .cw-rows{ margin:0 0 20px; border:1px solid var(--cw-line); border-radius:7px; }
.cw-delconfirm .cw-rows li{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-top:1px solid var(--cw-line); }
.cw-delconfirm .cw-rows li:first-child{ border-top:0; }
.cw-delconfirm .cw-rows__main span{ display:block; font-size:13px; }
.cw-delconfirm .cw-field{ margin:0; }
.cw-delconfirm .cw-field label{ display:block; margin:0 0 8px; color:var(--cw-ink); font-size:14px; font-weight:600; text-transform:none; letter-spacing:0; }
.cw-delconfirm .cw-field input{ box-sizing:border-box; width:100%; max-width:320px; min-height:46px; padding:0 16px; border:1px solid var(--cw-line); border-radius:7px; background:transparent; color:var(--cw-ink); font:inherit; }
.cw-delconfirm__btns{ display:flex; flex-wrap:wrap; gap:10px; margin:0 !important; }
@media (max-width:600px){ .cw-delconfirm__btns .cw-btn{ flex:1 1 100%; } .cw-delconfirm .cw-field input{ max-width:none; } }

/* Single invoice: the buttons in the title bar share one look. */
.cw-invoice-read .cw-pdf{ min-height:45px; padding:0 18px; border-radius:999px; box-shadow:inset 0 0 0 1px var(--cw-line); font-size:15px; font-weight:500; }
.cw-invoice-read .cw-pdf:hover{ box-shadow:inset 0 0 0 1px var(--cw-a); }
.cw-invoice-read .btn.cw-doc-del{ color:#c43d3d; box-shadow:inset 0 0 0 1px color-mix(in srgb,#c43d3d 45%,transparent); }
[data-theme="dark"] .cw-invoice-read .btn.cw-doc-del{ color:#ff9a8f; box-shadow:inset 0 0 0 1px color-mix(in srgb,#ff9a8f 50%,transparent); }
.cw-invoice-read .btn.btn--ghost{ min-height:45px; padding:0 18px; background:transparent; color:var(--cw-ink); font-size:15px; font-weight:500; box-shadow:inset 0 0 0 1px var(--cw-line); }
.cw-invoice-read .btn.btn--ghost:hover{ box-shadow:inset 0 0 0 1px var(--cw-a); }
.cw-invoice-read .btn.btn--ghost.cw-doc-del{ color:#c43d3d; box-shadow:inset 0 0 0 1px color-mix(in srgb,#c43d3d 45%,transparent); }
[data-theme="dark"] .cw-invoice-read .btn.btn--ghost.cw-doc-del{ color:#ff9a8f; box-shadow:inset 0 0 0 1px color-mix(in srgb,#ff9a8f 50%,transparent); }

/* Dark mode gaps in the app shell (belongs in the theme; kept here until it moves): current breadcrumb and the fixed top bar. */
[data-theme="dark"] .jx-crumbs li[aria-current] span{ color:var(--ink, #f6f3ff); }
[data-theme="dark"] .jx-crumbs li{ color:var(--muted, #c3b9d4); }
[data-theme="dark"] .app__top{ background-color:#1a0d26; }

/* Secondary buttons in any app title bar (theme .btn--ghost renders grey inside the app). */
.crp-head-acts .btn.btn--ghost, .cw-appdesk .crp-head-acts .btn.btn--ghost{ display:inline-flex; align-items:center; justify-content:center; min-height:45px; padding:0 18px; border:0; border-radius:999px; background:transparent; color:var(--cw-ink, var(--ink)); font-size:15px; font-weight:500; text-decoration:none; box-shadow:inset 0 0 0 1px var(--cw-line, var(--line)); }
.crp-head-acts .btn.btn--ghost:hover{ box-shadow:inset 0 0 0 1px var(--cw-a, var(--accent)); }
/* Org chart and reporting line */
.cw-org__switch{ display:flex; gap:8px; margin:12px 0; }
.cw-org__root, .cw-org__root ul{ list-style:none; margin:0; padding:0; }
.cw-org__root ul{ margin-left:18px; padding-left:14px; border-left:2px solid var(--cw-line, #e5e7eb); }
.cw-org__item{ margin:8px 0; }
.cw-org details > summary{ display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none; min-height:44px; }
.cw-org details > summary::-webkit-details-marker{ display:none; }
.cw-org__card{ display:flex; align-items:center; gap:10px; min-height:44px; padding:6px 12px 6px 6px; border:1px solid var(--cw-line, #e5e7eb); border-radius:12px; background:#fff; color:inherit; text-decoration:none; min-width:0; }
.cw-org__who{ display:flex; flex-direction:column; min-width:0; }
.cw-org__who span{ font-size:.85em; opacity:.7; overflow:hidden; text-overflow:ellipsis; }
.cw-org__n{ font-size:.8em; padding:2px 8px; border-radius:999px; background:var(--cw-line, #e5e7eb); }
.cw-reporting__form{ display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap; margin-top:12px; }
.cw-reporting__form .cw-field{ flex:1 1 220px; }

/* Messages composer: one row (microphone, text, urgent, send), the hint below. Buttons no longer float over the hint line. */
body .cw-chat .cw-chat__form{ display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:end; column-gap:8px; row-gap:6px; padding:12px 16px 10px; }
body .cw-chat .cw-chat__form .cw-chat__mic{ grid-column:1; grid-row:1; position:static; align-self:end; margin-bottom:6px; }
body .cw-chat .cw-chat__form textarea{ grid-column:2; grid-row:1; padding-right:16px; }
body .cw-chat .cw-chat__form .cw-chat__urgent{ grid-column:3; grid-row:1; position:static; margin-bottom:6px; }
body .cw-chat .cw-chat__form .cw-chat__send{ grid-column:4; grid-row:1; position:static; margin-bottom:6px; }
body .cw-chat .cw-chat__form .cw-chat__hint{ grid-column:1 / -1; grid-row:2; padding:0; }
@media (max-width:640px){
	body .cw-chat{ border:0; border-radius:0; } /* One frame on phones: the page card already frames it. */
	body .cw-chat .cw-chat__form{ padding:10px 0 8px; column-gap:6px; }
	body .cw-chat .cw-chat__hint{ display:none; } /* Enter / Shift+Enter is a keyboard tip. */
}

/* Client card: People as tidy rows (initial, name + Primary badge, role · email · phone, small actions). */
.cw-cpeople{ list-style:none; margin:6px 0 0; padding:0; }
.cw-cpeople__row{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 0; border-top:1px solid var(--cw-line,#e6e6ec); }
.cw-cpeople__row:first-child{ border-top:0; }
.cw-cpeople__ini{ display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--cw-soft,#f2f2f5); color:var(--cw-a,#6c4ef5); font-weight:700; }
.cw-cpeople__row.is-primary .cw-cpeople__ini{ background:var(--cw-a,#6c4ef5); color:#fff; }
.cw-cpeople__main{ display:grid; gap:2px; min-width:0; }
.cw-cpeople__name{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.cw-cpeople__badge{ padding:2px 8px; border-radius:999px; background:color-mix(in srgb, var(--cw-a,#6c4ef5) 14%, transparent); color:var(--cw-a,#6c4ef5); font-size:11px; font-weight:700; letter-spacing:.02em; }
.cw-cpeople__meta{ display:flex; flex-wrap:wrap; gap:2px 12px; color:var(--cw-muted,#646970); font-size:13px; min-width:0; }
.cw-cpeople__meta a{ color:inherit; text-decoration:none; overflow-wrap:anywhere; }
.cw-cpeople__meta a:hover{ color:var(--cw-a,#6c4ef5); text-decoration:underline; }
.cw-cpeople__acts{ display:flex; align-items:center; gap:4px 12px; flex-wrap:wrap; justify-content:flex-end; font-size:13px; }
.cw-cpeople__acts form{ margin:0; }
@media (max-width:560px){
	.cw-cpeople__row{ grid-template-columns:auto minmax(0,1fr); }
	.cw-cpeople__acts{ grid-column:2; justify-content:flex-start; }
}

/* Reports to: the select and Save on one line, bottoms aligned (stacks on narrow phones). */
.cw-reporting__form{ display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; margin-top:12px; }
.cw-reporting__form .cw-field{ flex:1 1 220px; min-width:0; margin:0; }
.cw-reporting__form select{ width:100%; min-height:44px; }
.cw-reporting__form .cw-btn{ min-height:44px; margin:0; }

/* AI page: hero with status, two calm cards, edits in slide-ins. */
.cw-ai-page{ display:grid; grid-template-columns:minmax(0,1fr); gap:18px; min-width:0; }
.cw-ai-page > *{ min-width:0; }
.cw-ai-page .cw-ai-page__hero h2{ margin:4px 0 6px; }
.cw-ai-page__facts{ display:flex; flex-wrap:wrap; gap:10px 28px; margin:16px 0 0; }
.cw-ai-page__facts > div{ min-width:0; }
.cw-ai-page__facts dt{ margin:0; font-size:12px; letter-spacing:.04em; text-transform:uppercase; opacity:.7; }
.cw-ai-page__facts dd{ display:flex; align-items:center; gap:8px; margin:2px 0 0; font-weight:600; }
.cw-ai-page__dot{ width:8px; height:8px; flex:none; border-radius:50%; background:#f0b429; box-shadow:0 0 0 3px rgba(240,180,41,.25); }
.cw-ai-page__dot.is-on{ background:#2fb67c; box-shadow:0 0 0 3px rgba(47,182,124,.25); }
.cw-ai-page__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)); gap:18px; align-items:start; }
.cw-ai-page .cw-card{ margin:0; background:var(--card,#fff); }
.cw-ai-page__head{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cw-ai-page__head h3{ margin:0; font-size:16px; }
.cw-ai-page__link{ font-size:14px; font-weight:600; color:var(--cw-a); text-decoration:none; }
.cw-ai-page__link:hover{ text-decoration:underline; }
.cw-ai-page__big{ margin:10px 0 6px; font-size:20px; font-weight:600; color:var(--cw-ink); }
.cw-ai-page__note{ margin:12px 0 0; padding:10px 12px; border-radius:8px; background:color-mix(in srgb,var(--cw-line) 45%,transparent); font-size:13px; color:var(--cw-muted,#646970); }
.cw-ai-page__list{ list-style:none; margin:8px 0 12px; padding:0; }
.cw-ai-page__list li{ display:flex; align-items:center; gap:8px; padding:10px 0; border-top:1px solid var(--cw-line); }
.cw-ai-page__name{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cw-ai-page__name small{ color:var(--cw-muted,#646970); }
.cw-ai-page__tag{ flex:none; padding:2px 8px; border-radius:999px; font-size:12px; font-weight:600; background:color-mix(in srgb,var(--cw-line) 60%,transparent); color:var(--cw-muted,#646970); }
.cw-ai-page__tag.is-on{ background:rgba(47,182,124,.14); color:#1d7a52; }
.cw-ai-page__empty{ margin-top:10px; padding:18px; border:1px dashed var(--cw-line); border-radius:10px; text-align:center; }
.cw-ai-page__empty p{ margin:0; }
.cw-ai-page__empty .cw-muted{ margin-top:4px; }
.cw-ai-page__foot{ margin:0; font-size:13px; }
.cw-ai-page__form{ margin:0; padding:0; border:0; background:none; box-shadow:none; }
.cw-ai-page__form .cw-aiproj__row:first-child{ border-top:0; padding-top:0; }
.cw-ai-page__form .cw-aiproj__on{ display:inline-flex; align-items:center; gap:6px; margin-left:auto; font-size:13px; }
.cw-ai-page__form textarea{ width:100%; box-sizing:border-box; }
.cw-ai-page__form.cw-aiproj{ margin-top:0; padding-top:0; border-top:0; }
[data-theme="dark"] .cw-ai-page__tag.is-on{ background:rgba(47,182,124,.18); color:#86e3b3; }
@media (max-width:600px){
	.cw-ai-page__grid{ grid-template-columns:minmax(0,1fr); }
	.cw-ai-page__facts{ display:grid; gap:10px; }
}

/* Speak up: anonymous reports. */
.cw-su{ display:grid; gap:16px; }
.cw-su__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; }
.cw-su h2{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 8px; font-size:18px; }
.cw-su__form .cw-field{ display:block; margin:12px 0; }
.cw-su__form .cw-field > span{ display:block; margin-bottom:4px; font-size:14px; }
.cw-su__form textarea,.cw-su__form select,.cw-su__form input[type=text]{ width:100%; min-height:40px; }
.cw-su__inline{ display:inline-block !important; }
.cw-su__inline select{ width:auto; }
.cw-su__codebox code{ display:inline-block; padding:12px 18px; border:2px dashed var(--cw-a); border-radius:12px; font-size:22px; letter-spacing:.08em; user-select:all; }
.cw-su__list{ margin:0; padding:0; list-style:none; }
.cw-su__list li{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--cw-line); }
.cw-su__list a{ display:grid; gap:2px; color:inherit; text-decoration:none; min-width:0; }
.cw-su__list a:hover b{ text-decoration:underline; }
.cw-su__st{ flex:none; padding:2px 10px; border-radius:999px; background:var(--cw-soft); color:var(--cw-ink); font-size:12px; font-weight:600; }
.cw-su__st--new{ background:#fff3e0; color:#a3570b; }
.cw-su__st--review{ background:#e8f0ff; color:#2850a8; }
.cw-su__st--closed{ background:#dff3e6; color:#1d6b3a; }
[data-theme="dark"] .cw-su__st--new,[data-theme="dark"] .cw-su__st--review,[data-theme="dark"] .cw-su__st--closed{ background:rgba(255,255,255,.1); color:#fff; }
.cw-su__thread{ display:grid; gap:10px; margin:12px 0; padding:0; list-style:none; }
.cw-su__msg{ padding:12px 14px; border:1px solid var(--cw-line); border-radius:12px; }
.cw-su__msg.is-team{ border-color:var(--cw-a); }
.cw-su__msg p{ margin:0; overflow-wrap:anywhere; }
.cw-su__meta{ margin-bottom:4px !important; color:var(--cw-muted); font-size:13px; }
.cw-su > *{ min-width:0; }
.cw-su .cw-su__hero h2{ margin:4px 0 6px; font-size:22px; }
.cw-su .cw-card{ padding:20px 22px; }
.cw-su .cw-card > .cw-muted{ margin:0 0 4px; line-height:1.5; }
.cw-su__form button.cw-btn{ min-height:40px; }
.cw-su__form p:last-child{ margin-bottom:0; }
.cw-su__form input[type=text]{ font-family:ui-monospace,Menlo,Consolas,monospace; letter-spacing:.06em; }
.cw-su__list li:first-child{ border-top:0; }
@media (max-width:600px){ .cw-su .cw-card{ padding:16px; } .cw-su__codebox code{ font-size:18px; padding:10px 12px; } }


/* Attendance: clock in and out. */
.cw-att{ display:grid; gap:16px; }
.cw-att h2{ margin:0 0 8px; font-size:18px; }
.cw-att > .cw-card{ border-radius:13px; background:var(--card,#fff); }
.cw-att__now{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(260px,340px); align-items:end; gap:24px; padding:28px !important; }
.cw-att__now .jx-dash__eyebrow{ display:flex; align-items:center; gap:8px; }
.cw-att__pulse{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.35); }
.cw-att__now.is-in .cw-att__pulse{ background:#3ddc84; box-shadow:0 0 0 4px rgba(61,220,132,.2); }
.cw-att .cw-att__label{ margin:4px 0 4px; font-size:clamp(26px,4vw,34px); line-height:1.15; color:#fff; }
.cw-att__since{ margin:0; opacity:.8; }
.cw-att__sum{ display:flex; gap:32px; margin:20px 0 0; }
.cw-att__sum div{ margin:0; }
.cw-att__sum dt{ font-size:12px; text-transform:uppercase; letter-spacing:.06em; opacity:.7; }
.cw-att__sum dd{ margin:2px 0 0; font-size:28px; font-weight:700; font-variant-numeric:tabular-nums; color:#fff; }
.cw-att__form{ display:grid; gap:10px; }
.cw-att__form input[type=text]{ width:100%; min-height:44px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); color:#fff; border-radius:10px; padding:0 12px; }
.cw-att__form input[type=text]::placeholder{ color:rgba(255,255,255,.55); }
.cw-att .cw-att__now .cw-att__btn{ background:#fff; border-color:#fff; color:#131430 !important; }
.cw-att .cw-att__now .cw-att__btn:hover{ background:#e9e9f5; }
.cw-att__btn{ width:100%; justify-content:center; min-height:54px; padding:0 28px; font-size:17px; font-weight:700; }
.cw-att .cw-att__now .cw-att__btn.is-out{ background:#b42318; border-color:#b42318; color:#fff !important; }
.cw-att__week{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; font-size:14px; }
.cw-att__table{ width:100%; border-collapse:collapse; font-size:14px; font-variant-numeric:tabular-nums; }
.cw-att__table th,.cw-att__table td{ padding:10px 6px; border-top:1px solid var(--cw-line); text-align:left; }
.cw-att__table th{ border-top:0; color:var(--cw-muted); font-weight:600; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.cw-att__table td:nth-child(4){ font-weight:600; }
.cw-att__team{ margin:0 0 12px; padding:0; list-style:none; }
.cw-att__team li{ display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--cw-line); }
.cw-att__team li:first-child{ border-top:0; }
.cw-att__who{ display:grid; flex:1; min-width:0; }
.cw-att__dot{ width:10px; height:10px; border-radius:50%; background:var(--cw-line); }
.cw-att__dot.is-in{ background:#1d9b55; }
.cw-att__hrs{ min-width:48px; text-align:right; font-variant-numeric:tabular-nums; }
@media (max-width:700px){ .cw-att__now{ grid-template-columns:1fr; padding:20px !important; } }
@media (max-width:600px){ .cw-att__table th:nth-child(5),.cw-att__table td:nth-child(5){ display:none; } .cw-att__week{ flex-wrap:wrap; } .cw-att__week b{ order:-1; width:100%; } }

/* Job: department and level on the profile. */
.cw-job__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; }
.cw-job__form .cw-field label{ display:block; margin-bottom:4px; font-size:14px; }
.cw-job__form input,.cw-job__form select{ width:100%; min-height:40px; }

/* Growth: goals, check-ins, recognition. */
.cw-gr{ --cw-a:var(--accent,#6c4ef5); --cw-ink:var(--ink,#1d2327); --cw-muted:var(--muted,#646970); --cw-line:var(--line,#e2e4e7); --cw-soft:var(--soft,#f2f2f5); --cw-r:var(--radius,9px); display:grid; gap:16px; }
.cw-gr__hero h2{ margin:4px 0; }
.cw-gr h3{ margin:0 0 12px; font-size:18px; }
.cw-gr__tabs{ display:flex; flex-wrap:wrap; gap:6px; }
.cw-gr__tabs a{ display:inline-flex; align-items:center; min-height:40px; padding:0 16px; border:1px solid var(--cw-line); border-radius:999px; color:var(--cw-ink); text-decoration:none; font-weight:600; font-size:14px; }
.cw-gr__tabs a.is-on{ background:var(--cw-a); border-color:var(--cw-a); color:#fff; }
.cw-gr__form .cw-field{ display:block; margin:10px 0; }
.cw-gr__form .cw-field > span{ display:block; margin-bottom:4px; font-size:14px; }
.cw-gr__form input[type=text],.cw-gr__form textarea,.cw-gr__form select{ width:100%; min-height:40px; }
.cw-gr input[type=text],.cw-gr input[type=number]{ box-sizing:border-box; padding:0 12px; border:1px solid var(--line,var(--cw-line)); border-radius:var(--radius,12px); background:var(--bg,#fff); color:var(--ink,inherit); font:inherit; font-size:16px; }
.cw-gr input[type=text]:focus,.cw-gr input[type=number]:focus{ outline:none; border-color:var(--cw-a); box-shadow:0 0 0 3px rgba(108,78,245,.18); }
.cw-gr__owner{ margin-top:14px; }
.cw-gr__owner h4{ display:flex; align-items:center; gap:10px; margin:0 0 8px; font-size:15px; }
.cw-gr__owner h4 .cw-person__avatar{ width:30px; height:30px; font-size:13px; }
.cw-gr__goal{ padding:14px; margin-bottom:10px; border:1px solid var(--cw-line); border-radius:14px; }
.cw-gr__goal header{ display:flex; justify-content:space-between; gap:10px; }
.cw-gr__pct{ font-weight:700; color:var(--cw-a); }
.cw-gr__bar{ display:block; height:8px; margin:8px 0; border-radius:999px; background:var(--cw-soft); overflow:hidden; }
.cw-gr__bar i{ display:block; height:100%; border-radius:999px; background:var(--cw-a); }
.cw-gr__krs{ display:grid; gap:6px; margin:6px 0 0; padding:0; list-style:none; font-size:14px; }
.cw-gr__krs li{ display:flex; align-items:center; gap:8px; }
.cw-gr__krs li span{ flex:1; min-width:0; }
.cw-gr__krs input{ width:84px; min-height:36px; }
.cw-gr__krs small{ min-width:3.5em; color:var(--cw-muted); font-variant-numeric:tabular-nums; }
.cw-gr__pct{ font-variant-numeric:tabular-nums; }
.cw-gr__acts{ margin:8px 0 0; }
.cw-gr__del{ margin-top:6px; }
.cw-gr__pick{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }
.cw-gr__ci{ padding:14px; margin-top:10px; border:1px solid var(--cw-line); border-radius:14px; }
.cw-gr__ci header{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cw-gr__ci p{ margin:8px 0 0; overflow-wrap:anywhere; }
.cw-gr__ci small{ display:block; color:var(--cw-muted); font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.cw-gr__mood{ margin-left:auto; font-size:20px; }
.cw-gr .cw-gr__moods{ display:flex; flex-wrap:wrap; gap:8px; min-width:0; margin:4px 0 8px; padding:0; border:0; border-radius:0; background:none; }
.cw-gr .cw-gr__moods legend{ float:left; width:100%; padding:0; }
.cw-gr__moods span img.emoji{ width:24px !important; height:24px !important; margin:0 !important; }
.cw-gr__moods label:hover span{ border-color:var(--cw-a); }
.cw-gr__moods legend{ margin-bottom:6px; font-size:14px; font-weight:400; }
.cw-gr__moods label{ cursor:pointer; }
.cw-gr__moods input{ position:absolute; opacity:0; }
.cw-gr__moods span{ display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--cw-line); border-radius:12px; font-size:22px; }
.cw-gr__moods input:checked + span{ border-color:var(--cw-a); box-shadow:0 0 0 2px var(--cw-a); }
.cw-gr__moods input:focus-visible + span{ outline:2px solid var(--cw-a); outline-offset:2px; }
.cw-gr__wall{ display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.cw-gr__wall li{ display:flex; gap:12px; padding:12px; border:1px solid var(--cw-line); border-radius:14px; }
.cw-gr__wall p{ margin:0; overflow-wrap:anywhere; }
.cw-gr__wall-who{ color:var(--cw-muted); font-size:13px; margin-bottom:4px !important; }
.cw-gr__ticks{ margin:0 0 12px; padding-left:20px; }

/* Cards follow the theme's card colour everywhere (it switches in dark mode; --white does not outside .cw-crm). */
.cw-card{ background:var(--card,var(--white,#fff)); }

/* Growth, part 2: reviews, development, career, surveys, learning. */
.cw-gr__rows,.cw-gr__dev,.cw-gr__courses,.cw-gr__rated,.cw-gr__ladder{ margin:0; padding:0; list-style:none; }
.cw-gr__rows li,.cw-gr__courses li{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--cw-line); }
.cw-gr__rows li:first-child,.cw-gr__courses li:first-child{ border-top:0; }
.cw-gr__rows a{ display:grid; gap:2px; color:inherit; text-decoration:none; }
.cw-gr__chip{ display:inline-block; padding:2px 10px; border-radius:999px; background:var(--cw-soft); color:var(--cw-ink); font-size:12px; font-weight:600; }
.cw-gr__review h4{ margin:16px 0 6px; font-size:15px; }
.cw-gr__text{ white-space:normal; overflow-wrap:anywhere; }
.cw-gr__rates{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; }
.cw-gr__rates fieldset,.cw-gr__scale{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 10px; padding:0; border:0; }
.cw-gr__rates legend,.cw-gr__scale legend{ width:100%; margin-bottom:6px; font-size:14px; }
.cw-gr__rates label,.cw-gr__scale label{ cursor:pointer; }
.cw-gr__rates input,.cw-gr__scale input{ position:absolute; opacity:0; }
.cw-gr__rates span,.cw-gr__scale span{ display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--cw-line); border-radius:10px; font-weight:600; }
.cw-gr__rates input:checked + span,.cw-gr__scale input:checked + span{ background:var(--cw-a); border-color:var(--cw-a); color:#fff; }
.cw-gr__rates input:focus-visible + span,.cw-gr__scale input:focus-visible + span{ outline:2px solid var(--cw-a); outline-offset:2px; }
.cw-gr__rated li{ display:grid; grid-template-columns:1fr auto; gap:4px 12px; padding:8px 0; border-top:1px solid var(--cw-line); }
.cw-gr__rated .cw-gr__bar{ grid-column:1 / -1; margin:0; }
.cw-gr__dev li{ display:flex; gap:12px; padding:12px 0; border-top:1px solid var(--cw-line); }
.cw-gr__dev li:first-child{ border-top:0; }
.cw-gr__dev li.is-done b{ text-decoration:line-through; color:var(--cw-muted); }
.cw-gr__dev p,.cw-gr__courses p{ margin:2px 0 0; }
.cw-gr__tick{ margin:0; }
.cw-gr__check{ display:grid; place-items:center; width:28px; height:28px; padding:0; border:2px solid var(--cw-line); border-radius:8px; background:none; color:var(--cw-a); font-weight:800; cursor:pointer; }
.cw-gr__dev li.is-done .cw-gr__check{ border-color:var(--cw-a); }
.cw-gr__ladder{ display:grid; gap:10px; counter-reset:lv; }
.cw-gr__ladder li{ padding:12px 14px; border:1px solid var(--cw-line); border-radius:12px; }
.cw-gr__ladder li.is-mine{ border-color:var(--cw-a); box-shadow:0 0 0 1px var(--cw-a); }
.cw-gr__ladder p{ margin:4px 0 0; }
.cw-gr__courses li > div{ flex:1; min-width:0; }
.cw-gr__courses small{ display:block; }
.cw-gr__bar--s{ height:6px; }
@media (max-width:600px){
	.cw-gr__tabs{ flex-wrap:nowrap; overflow-x:auto; margin:0 -16px; padding:2px 16px 6px; scroll-padding:16px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
	.cw-gr__tabs::-webkit-scrollbar{ display:none; }
	.cw-gr__tabs a{ flex:none; white-space:nowrap; }
}
.cw-gr__rates span,.cw-gr__scale span{ transition:background-color .15s,border-color .15s; }
.cw-gr__rates label:hover span,.cw-gr__scale label:hover span{ border-color:var(--cw-a); }

/* For you today: what waits for this person, on the home page. */
.cw-today{ margin:0 0 18px; padding:20px 22px; border:1px solid var(--line,rgba(19,20,48,.1)); border-radius:var(--radius,16px); background:var(--card,#fff); color:var(--ink,#131430); }
.cw-today__head{ display:flex; align-items:center; gap:14px; }
.cw-today__ico{ display:grid; place-items:center; flex:none; width:44px; height:44px; border:1px solid var(--line,rgba(19,20,48,.1)); border-radius:12px; }
.cw-today__ico .cw-ico{ width:20px; height:20px; }
.cw-today__head h2{ margin:0; font-size:19px; }
.cw-today__head p{ margin:2px 0 0; color:var(--muted,#5d5f72); font-size:14px; }
.cw-today__list{ display:grid; gap:4px; margin:14px 0 0; padding:0; list-style:none; }
.cw-today__list li{ display:flex; align-items:center; gap:14px; padding:10px 0; border-top:1px solid var(--line,rgba(19,20,48,.1)); }
.cw-today__badge{ position:relative; display:grid; place-items:center; flex:none; width:44px; height:44px; border-radius:50%; background:color-mix(in srgb,var(--accent,#6c4ef5) 14%,transparent); color:var(--accent,#6c4ef5); }
.cw-today__badge .cw-ico{ width:20px; height:20px; }
.cw-today__badge b{ position:absolute; top:-6px; right:-8px; min-width:22px; height:22px; padding:0 6px; border:2px solid var(--bg,#fff); border-radius:999px; background:var(--ink,#131430); color:var(--bg,#fff); font-size:11px; line-height:18px; text-align:center; }
.cw-today__label{ flex:1; min-width:0; font-weight:600; }
.cw-today__btn{ display:inline-flex; align-items:center; min-height:38px; padding:0 18px; border:1px solid var(--ink,#131430); border-radius:999px; color:var(--ink,#131430); font-size:14px; font-weight:600; text-decoration:none; }
.cw-today__btn:hover{ background:var(--ink,#131430); color:var(--bg,#fff); }

/* Settings hub: grouped rows with a line on what each is for. */
.cw-sh__head{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.cw-sh__head h2{ margin:0; }
.cw-sh__intro{ margin:0; color:var(--muted,#5d5f72); }
.crp-titlebar.is-notitle{ align-items:center; }
.crp-titlebar.is-notitle .jx-dash__dek{ margin:0; }
.cw-sh__search input{ width:min(320px,100%); min-height:42px; padding:0 16px; border:1px solid var(--line,rgba(19,20,48,.15)); border-radius:999px; background:var(--card,#fff); color:var(--ink,#131430); }
.cw-sh__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); gap:16px; align-items:start; }
.cw-sh__group{ padding:18px 18px 6px; border:1px solid var(--line,rgba(19,20,48,.1)); border-radius:var(--radius,16px); background:var(--card,#fff); }
.cw-sh__group h3{ display:flex; align-items:center; gap:10px; margin:0 0 4px; font-size:16px; }
.cw-sh__group h3 .cw-ico{ width:20px; height:20px; }
.cw-sh__group ul{ margin:0 -18px; padding:0; list-style:none; }
.cw-sh__group li + li a{ border-top:1px solid var(--line,rgba(19,20,48,.1)); }
.cw-sh__group a{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 18px; color:var(--ink,#131430); text-decoration:none; transition:background-color .15s; }
.cw-sh__group li:last-child a{ border-bottom-left-radius:var(--radius,16px); border-bottom-right-radius:var(--radius,16px); }
.cw-sh__group a:hover{ background:color-mix(in srgb,var(--ink,#131430) 4%,transparent); }
.cw-sh__group a:focus-visible{ outline:2px solid var(--accent,#6c4ef5); outline-offset:-2px; }
.cw-sh__group a span{ display:grid; gap:2px; min-width:0; }
.cw-sh__group b{ font-weight:600; }
.cw-sh__group small{ overflow:hidden; color:var(--muted,#5d5f72); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.cw-sh__chev{ flex:none; color:var(--muted,#5d5f72); transition:transform .15s,color .15s; }
.cw-sh__group a:hover .cw-sh__chev{ color:var(--ink,#131430); transform:translateX(2px); }
@media (max-width:600px){ .cw-sh__group{ padding:16px 16px 4px; } .cw-sh__group ul{ margin:0 -16px; } .cw-sh__group a{ padding:13px 16px; } .cw-sh__search{ flex:1 1 100%; } .cw-sh__search input{ width:100%; } .cw-sh__group small{ white-space:normal; } }

/* Getting set up: progress on the home page. */
.cw-setup{ margin:0 0 18px; padding:18px 22px; border:1px solid color-mix(in srgb,var(--accent,#6c4ef5) 30%,transparent); border-radius:var(--radius,16px); background:color-mix(in srgb,var(--accent,#6c4ef5) 7%,var(--card,#fff)); color:var(--ink,#131430); }
.cw-setup__top{ display:flex; align-items:center; gap:16px; }
.cw-setup__top h2{ flex:none; margin:0; font-size:18px; }
.cw-setup__bar{ flex:1; height:8px; border-radius:999px; background:color-mix(in srgb,var(--accent,#6c4ef5) 18%,transparent); overflow:hidden; }
.cw-setup__bar i{ display:block; height:100%; border-radius:999px; background:var(--accent,#6c4ef5); }
.cw-setup__pct{ color:var(--accent,#6c4ef5); font-variant-numeric:tabular-nums; }
.cw-setup__next{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding:14px 16px; border-radius:12px; background:var(--card,#fff); color:var(--ink,#131430); text-decoration:none; }
.cw-setup__next span{ display:grid; gap:2px; min-width:0; }
.cw-setup__next small{ color:var(--muted,#5d5f72); }
.cw-setup__go{ flex:none; padding:8px 16px; border-radius:999px; background:var(--ink,#131430); color:var(--bg,#fff); font-weight:600; font-size:14px; }
.cw-setup__all{ margin-top:10px; font-size:14px; }
.cw-setup__all summary{ cursor:pointer; color:var(--muted,#5d5f72); }
.cw-setup__all ol{ margin:8px 0; padding-left:22px; }
.cw-setup__all li.is-done a{ color:var(--muted,#5d5f72); text-decoration:line-through; }
@media (max-width:600px){ .cw-setup__top{ flex-wrap:wrap; } .cw-setup__bar{ flex-basis:100%; order:3; } }

/* Profile: job path and pay. */
.cw-pj__path{ display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.cw-pj__path li{ position:relative; display:flex; align-items:center; gap:12px; margin-left:calc(var(--d,0) * 28px); padding:12px 14px; border:1px solid var(--cw-line,rgba(19,20,48,.1)); border-radius:12px; }
.cw-pj__path li + li::before{ content:""; position:absolute; left:-16px; top:-12px; width:14px; height:34px; border-left:1.5px solid color-mix(in srgb,var(--muted,#5d5f72) 45%,transparent); border-bottom:1.5px solid color-mix(in srgb,var(--muted,#5d5f72) 45%,transparent); border-bottom-left-radius:8px; }
.cw-pj__path span:last-child{ display:grid; }
.cw-pj__path small{ color:var(--cw-muted,#5d5f72); font-size:12px; }
.cw-pj__ico{ display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:50%; background:color-mix(in srgb,var(--accent,#6c4ef5) 14%,transparent); color:var(--accent,#6c4ef5); }
.cw-pj__ico .cw-ico{ width:18px; height:18px; }
@media (max-width:520px){ .cw-pj__path li{ margin-left:calc(var(--d,0) * 14px); } .cw-pj__path li + li::before{ left:-8px; width:6px; } }
.cw-pp h3 small{ display:block; margin-top:2px; font-size:12px; font-weight:400; }
.cw-pp__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px; }
.cw-pp__label{ margin:0; color:var(--cw-muted,#5d5f72); font-size:13px; }
.cw-pp__big{ margin:2px 0 26px; font-size:26px; font-weight:700; font-variant-numeric:tabular-nums; }
.cw-pp__band{ position:relative; padding-top:26px; }
.cw-pp__line{ display:block; height:8px; border-radius:999px; background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#6c4ef5) 35%,transparent),color-mix(in srgb,#1d9b55 45%,transparent)); }
.cw-pp__you{ position:absolute; top:0; transform:translateX(-50%); padding:1px 8px; border-radius:999px; background:var(--accent,#6c4ef5); color:#fff; font-size:11px; font-weight:700; }
.cw-pp__you::after{ content:""; position:absolute; left:50%; top:100%; height:14px; border-left:1.5px dashed var(--accent,#6c4ef5); }
.cw-pp__ends{ display:flex; justify-content:space-between; gap:8px; margin-top:8px; font-size:12px; color:var(--cw-muted,#5d5f72); }
.cw-pp__ends span{ display:grid; }
.cw-pp__ends span:nth-child(2){ text-align:center; }
.cw-pp__ends span:last-child{ text-align:right; }
.cw-pp__ends b{ color:var(--cw-ink,#131430); font-variant-numeric:tabular-nums; }
.cw-pp__note{ margin:8px 0 0; font-size:12px; }
.cw-pp__bars{ display:flex; align-items:flex-end; gap:12px; height:150px; margin:10px 0 0; padding:0; list-style:none; }
.cw-pp__bars li{ display:flex; flex:1; flex-direction:column; align-items:center; justify-content:flex-end; gap:4px; height:100%; min-width:0; }
.cw-pp__bar{ width:100%; max-width:46px; border-radius:8px 8px 3px 3px; background:var(--accent,#6c4ef5); }
.cw-pp__bars small{ color:var(--cw-muted,#5d5f72); font-size:11px; white-space:nowrap; }
.cw-gr__band{ display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:10px; margin:-4px 0 10px; }
.cw-gr__band .cw-field{ margin:0; }
.cw-gr__band input[type=number]{ width:100%; min-height:40px; }
.cw-gr__empty{ margin:4px 0 0; padding:22px 16px; border:1px dashed var(--cw-line); border-radius:12px; text-align:center; }
.cw-gr__tabs a:not(.is-on):hover{ border-color:var(--cw-a); }
.cw-gr__tabs a:focus-visible{ outline:2px solid var(--cw-a); outline-offset:2px; }

/* Getting started: next step with Skip, per-step skip in the list. */
.cw-setup__nextrow{ display:flex; align-items:center; gap:12px; margin-top:14px; }
.cw-setup__nextrow .cw-setup__next{ flex:1; margin-top:0; }
.cw-setup__f{ display:inline; margin:0; }
.cw-setup__skip{ font-size:13px; color:var(--muted,#5d5f72); }
.cw-setup__all li{ display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; }

/* Recruiting (after the Deel ATS screens): title with Add, tabs, counter cards, job chips, Lead / Active / Completed board. */
.cw-rec{ --rl:var(--line,rgba(19,20,48,.1)); --rm:var(--muted,#5d5f72); --ri:var(--ink,#131430); --rc:var(--card,#fff); --ra:var(--accent,#6c4ef5); display:grid; gap:18px; color:var(--ri); }
.cw-rec h2{ margin:0; font-size:clamp(24px,3vw,32px); letter-spacing:-.02em; }
.cw-rec h3{ margin:0; font-size:16px; }
.cw-rec__head{ display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:12px; }
.cw-rec__acts{ display:flex; flex-wrap:wrap; gap:8px; }
.cw-rec__inline{ display:inline; margin:0; }
.cw-rec__tabs{ display:flex; gap:22px; border-bottom:1px solid var(--rl); overflow-x:auto; }
.cw-rec__tabs a{ padding:10px 0; border-bottom:2px solid transparent; color:var(--rm); font-weight:600; text-decoration:none; white-space:nowrap; }
.cw-rec__tabs a.is-on{ border-color:var(--ri); color:var(--ri); }
.cw-rec__stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; }
.cw-rec__stat{ display:grid; gap:10px; padding:18px 20px; border:1px solid var(--rl); border-radius:16px; background:var(--rc); }
.cw-rec__stat span{ color:var(--rm); font-size:14px; }
.cw-rec__stat b{ font-size:34px; line-height:1; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.cw-rec__card{ padding:18px 20px; border:1px solid var(--rl); border-radius:16px; background:var(--rc); }
.cw-rec__cardhead{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.cw-rec__chips{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 0; }
.cw-rec__chip{ display:inline-flex; align-items:center; gap:4px; padding:3px 10px; border:1px solid var(--rl); border-radius:999px; font-size:12px; font-weight:600; letter-spacing:.02em; text-transform:uppercase; color:var(--ri); }
.cw-rec__chip--open,.cw-rec__chip--hired{ border-color:color-mix(in srgb,#1d9b55 40%,transparent); color:#1d7a46; }
.cw-rec__chip--open::before,.cw-rec__chip--hired::before{ content:""; width:7px; height:7px; border-radius:50%; background:#1d9b55; }
.cw-rec__chip--new{ border-color:color-mix(in srgb,var(--ra) 40%,transparent); color:var(--ra); }
.cw-rec__chip--rejected,.cw-rec__chip--closed{ color:var(--rm); }
.cw-rec__chip--draft{ color:#a3570b; border-color:color-mix(in srgb,#a3570b 35%,transparent); }
.cw-rec__jobs,.cw-rec__rows,.cw-rec__hist{ margin:0; padding:0; list-style:none; }
.cw-rec__jobs li a,.cw-rec__rows li a{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 4px; border-top:1px solid var(--rl); color:inherit; text-decoration:none; }
.cw-rec__jobs li:first-child a,.cw-rec__rows li:first-child a{ border-top:0; }
.cw-rec__jobs li a:hover b,.cw-rec__rows li a:hover b{ color:var(--ra); }
.cw-rec__jobmain{ display:grid; gap:4px; min-width:0; }
.cw-rec__jobnums{ display:flex; align-items:center; gap:10px; color:var(--rm); font-size:14px; white-space:nowrap; }
.cw-rec__rows li a > span:nth-child(2){ display:grid; flex:1; min-width:0; }
.cw-rec__rows small{ color:var(--rm); }
.cw-rec__q{ min-height:38px; padding:0 14px; border:1px solid var(--rl); border-radius:999px; background:var(--rc); color:var(--ri); }
.cw-rec__empty{ padding:28px; border:1px dashed var(--rl); border-radius:14px; text-align:center; color:var(--rm); }
.cw-rec__empty b{ color:var(--ri); }
.cw-rec__empty p{ margin:6px 0 0; }
.cw-rec__sum{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.cw-rec__sumcard{ padding:18px 20px; border:1px solid var(--rl); border-radius:16px; background:var(--rc); }
.cw-rec__sumcard > span{ color:var(--rm); font-size:14px; }
.cw-rec__sumcard > b{ display:block; margin:8px 0 12px; font-size:34px; line-height:1; letter-spacing:-.03em; }
.cw-rec__sumcard p{ display:flex; flex-wrap:wrap; gap:6px; margin:0; }
.cw-rec__pill{ padding:5px 12px; border:1px solid var(--rl); border-radius:999px; font-size:13px; color:var(--rm); }
.cw-rec__pill b{ color:var(--ri); }
.cw-rec__board{ display:flex; gap:22px; overflow-x:auto; padding-bottom:8px; }
.cw-rec__group{ flex:none; }
.cw-rec__group > h3{ margin:0 0 10px; font-size:18px; font-weight:500; }
.cw-rec__cols{ display:flex; gap:12px; }
.cw-rec__col{ display:flex; flex-direction:column; gap:10px; width:240px; padding:10px; border:1px solid var(--rl); border-radius:16px; background:color-mix(in srgb,var(--ri) 3%,var(--rc)); }
.cw-rec__col header{ display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-radius:12px; background:var(--rc); border:1px solid var(--rl); }
.cw-rec__col header span{ color:var(--rm); }
.cw-rec__cand{ position:relative; display:grid; gap:6px; padding:14px; border:1px solid var(--rl); border-radius:14px; background:var(--rc); color:inherit; text-decoration:none; transition:border-color .15s,transform .15s; }
.cw-rec__cand:hover{ border-color:var(--ra); transform:translateY(-1px); }
.cw-rec__cand small{ color:var(--rm); }
.cw-rec__rate{ position:absolute; top:14px; right:14px; }
.cw-rec__none{ margin:6px 4px; color:var(--rm); font-size:13px; }
.cw-rec__av{ display:grid; place-items:center; flex:none; width:44px; height:44px; border-radius:50%; background:color-mix(in srgb,var(--ra) 16%,var(--rc)); color:var(--ra); font-weight:700; }
.cw-rec__av--big{ width:72px; height:72px; font-size:24px; }
.cw-rec__person{ display:flex; align-items:center; gap:16px; }
.cw-rec__split{ display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:16px; align-items:start; }
.cw-rec__split > div,.cw-rec__split > aside{ display:grid; gap:16px; }
.cw-rec__facts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; margin:10px 0; }
.cw-rec__facts dt{ color:var(--rm); font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.cw-rec__facts dd{ margin:2px 0 0; overflow-wrap:anywhere; }
.cw-rec__text{ overflow-wrap:anywhere; }
.cw-rec__note{ padding:10px 0; border-top:1px solid var(--rl); }
.cw-rec__note small{ color:var(--rm); }
.cw-rec__note p{ margin:4px 0 0; }
.cw-rec__f textarea,.cw-rec__f input[type=text],.cw-rec__f input[type=email],.cw-rec__f input[type=tel],.cw-rec__f input[type=number],.cw-rec__f select{ width:100%; min-height:40px; }
.cw-rec__f .cw-field{ display:block; margin:10px 0; }
.cw-rec__f .cw-field > span{ display:block; margin-bottom:4px; font-size:14px; }
.cw-rec__two{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.cw-rec__stages{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.cw-rec__stages button{ min-height:36px; padding:0 14px; border:1px solid var(--rl); border-radius:999px; background:var(--rc); color:var(--ri); font:inherit; font-size:14px; cursor:pointer; }
.cw-rec__stages button.is-on{ background:var(--ri); border-color:var(--ri); color:var(--bg,#fff); }
.cw-rec__stars{ display:flex; gap:4px; margin-top:8px; }
.cw-rec__stars button{ width:40px; height:40px; border:1px solid var(--rl); border-radius:10px; background:var(--rc); color:var(--rl); font-size:20px; cursor:pointer; }
.cw-rec__stars button.is-on{ color:#e0a100; border-color:color-mix(in srgb,#e0a100 45%,transparent); }
.cw-rec__hist li{ display:grid; padding:8px 0; border-top:1px solid var(--rl); }
.cw-rec__hist li:first-child{ border-top:0; }
.cw-rec__hist small{ color:var(--rm); }
.cw-rec__lockhero h2{ margin:4px 0; }
/* Deel look: one quiet outline style for every header action, the add action solid; icons in the job chips; grey stage boxes. */
.cw-rec__acts{ align-items:center; }
.cw-rec .cw-rec__acts .cw-btn,.cw-rec .cw-rec__acts .btn{ min-height:40px; padding:0 16px; border:1px solid color-mix(in srgb,var(--ri) 70%,transparent); border-radius:10px; background:var(--rc); color:var(--ri); font-size:14px; font-weight:600; box-shadow:none; }
.cw-rec .cw-rec__acts .cw-btn:hover,.cw-rec .cw-rec__acts .btn:hover{ border-color:var(--ri); background:color-mix(in srgb,var(--ri) 5%,var(--rc)); }
.cw-rec .cw-rec__acts button.cw-btn:not(.cw-btn--ghost),.cw-rec .cw-rec__acts [data-cw-dw-open="rec-cand"],.cw-rec .cw-rec__acts [data-cw-dw-open="rec-job"],.cw-rec .cw-rec__acts .cw-btn--primary{ order:-1; background:var(--ri); border-color:var(--ri); color:var(--bg,#fff); }
.cw-rec__chip--dept::before,.cw-rec__chip--place::before,.cw-rec__chip--time::before{ content:""; width:12px; height:12px; background:currentColor; -webkit-mask:var(--ic) center/contain no-repeat; mask:var(--ic) center/contain no-repeat; }
.cw-rec__chip--dept{ --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M1 21c0-4 4-7 8-7s8 3 8 7z'/%3E%3Ccircle cx='17' cy='7' r='3'/%3E%3Cpath d='M18 13c3 0 5 3 5 6h-4c0-2-1-4-3-6z'/%3E%3C/svg%3E"); border-color:color-mix(in srgb,#1d9b55 40%,transparent); }
.cw-rec__chip--place{ --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); }
.cw-rec__chip--time{ --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm-1 3v6l5 3 1-1.7-4-2.3V7z'/%3E%3C/svg%3E"); }
.cw-rec__col{ background:transparent; }
.cw-rec__col header{ background:color-mix(in srgb,var(--ri) 4%,var(--rc)); border-color:transparent; }
.cw-rec__col header span{ color:var(--ri); }
.cw-rec__cand b{ margin-top:4px; }
.cw-rec__group > h3{ font-size:20px; }
.cw-rec .cw-rec__head > .btn--solid{ min-height:42px; padding:0 20px; border-radius:10px; background:var(--ri); border-color:var(--ri); color:var(--bg,#fff); }
.cw-rec__stat b{ font-size:38px; }
@media (max-width:820px){ .cw-rec__split{ grid-template-columns:1fr; } .cw-rec__two{ grid-template-columns:1fr; } }
.cw-rec__chip--entity::before{ content:""; width:12px; height:12px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16M16 9h2a2 2 0 0 1 2 2v10M2 21h20M8 7h4M8 11h4M8 15h4'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16M16 9h2a2 2 0 0 1 2 2v10M2 21h20M8 7h4M8 11h4M8 15h4'/%3E%3C/svg%3E") center/contain no-repeat; }
.cw-rec__chip--entity{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cw-rec__hired{ border-color:color-mix(in srgb,#1d9b55 40%,var(--rl)); background:color-mix(in srgb,#1d9b55 6%,var(--rc)); }
.cw-rec__hired > p{ margin:6px 0 12px; }
.cw-rec__person > div{ min-width:0; }
.cw-rec__person h2{ overflow-wrap:anywhere; }
@media (max-width:560px){ .cw-rec__stats{ grid-template-columns:1fr 1fr; gap:10px; } .cw-rec__stat{ padding:14px 16px; } .cw-rec__stat b{ font-size:30px; } .cw-rec__sum{ grid-template-columns:1fr; } .cw-rec__col{ width:min(240px,74vw); } .cw-rec__av--big{ width:56px; height:56px; font-size:20px; } .cw-rec__person{ gap:12px; } }
[data-theme="dark"] .cw-rec__chip--open,[data-theme="dark"] .cw-rec__chip--hired{ color:#86e3b3; }
[data-theme="dark"] .cw-rec__chip--draft{ color:#f2b56b; border-color:color-mix(in srgb,#f2b56b 35%,transparent); }
[data-theme="dark"] .cw-rec__stars button:not(.is-on){ color:color-mix(in srgb,var(--ri) 35%,transparent); }
[data-theme="dark"] .cw-careers__msg.is-ok{ color:#86e3b3; }
[data-theme="dark"] .cw-careers__msg.is-err{ color:#ff9a8f; }

/* The public careers page. */
.cw-careers{ padding:clamp(32px,6vw,80px) 16px; }
.cw-careers__wrap{ max-width:1080px; margin:0 auto; }
.cw-careers__head{ margin-bottom:28px; }
.cw-careers__head h1{ margin:6px 0 10px; font-size:clamp(32px,5vw,52px); letter-spacing:-.03em; line-height:1.05; }
.cw-careers__eyebrow{ margin:0; color:var(--accent,#6c4ef5); font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:13px; }
.cw-careers__jobs{ display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.cw-careers__jobs a{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:20px 22px; border:1px solid var(--line,rgba(19,20,48,.12)); border-radius:16px; background:var(--card,#fff); color:var(--ink,#131430); text-decoration:none; transition:border-color .15s,transform .15s; }
.cw-careers__jobs a:hover{ border-color:var(--accent,#6c4ef5); transform:translateY(-2px); }
.cw-careers__jobs b{ font-size:19px; }
.cw-careers__go{ color:var(--accent,#6c4ef5); font-weight:600; }
.cw-careers__none{ padding:28px; border:1px dashed var(--line,rgba(19,20,48,.15)); border-radius:16px; text-align:center; }
.cw-careers__split{ display:grid; grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr); gap:32px; align-items:start; }
.cw-careers__about{ font-size:17px; line-height:1.65; }
.cw-careers__apply{ position:sticky; top:96px; padding:22px; border:1px solid var(--line,rgba(19,20,48,.12)); border-radius:18px; background:var(--card,#fff); }
.cw-careers__apply h2{ margin:0 0 10px; font-size:20px; }
.cw-careers__apply label{ display:block; margin:10px 0; }
.cw-careers__apply label span{ display:block; margin-bottom:4px; font-size:14px; font-weight:600; }
.cw-careers__apply input,.cw-careers__apply textarea{ width:100%; min-height:42px; padding:8px 12px; border:1px solid var(--line,rgba(19,20,48,.18)); border-radius:10px; background:var(--bg,#fff); color:var(--ink,#131430); font:inherit; }
.cw-careers__apply button{ width:100%; min-height:48px; margin-top:6px; border:0; border-radius:999px; background:var(--ink,#131430); color:var(--bg,#fff); font:inherit; font-weight:700; cursor:pointer; }
.cw-careers__fine{ margin:6px 0; color:var(--muted,#5d5f72); font-size:13px; }
.cw-careers__hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.cw-careers__msg{ padding:12px 14px; border-radius:12px; font-weight:600; }
.cw-careers__msg.is-ok{ background:color-mix(in srgb,#1d9b55 14%,transparent); color:#1d7a46; }
.cw-careers__msg.is-err{ background:color-mix(in srgb,#b42318 12%,transparent); color:#b42318; }
@media (max-width:820px){ .cw-careers__split{ grid-template-columns:1fr; } .cw-careers__apply{ position:static; } }
/* Recruiting v2 (Deel at its best): intro line, stat cards with icons, toolbar (search, stage, Board / List), stage header boxes, colour avatars, candidate table. */
.cw-rec{ gap:22px; grid-template-columns:minmax(0,1fr); min-width:0; }
.cw-rec__head{ align-items:center; }
.cw-rec__intro{ margin:0; max-width:60ch; color:var(--rm); font-size:15px; }
.cw-rec__tabs{ gap:28px; }
.cw-rec__tabs a{ padding:12px 0; font-size:15px; }
.cw-rec__stat{ position:relative; gap:14px; padding:20px 22px; border-radius:14px; }
.cw-rec__stat::after{ content:""; position:absolute; top:18px; right:18px; width:34px; height:34px; border-radius:10px; background:color-mix(in srgb,var(--ra) 10%,var(--rc)); }
.cw-rec__stat::before{ content:""; position:absolute; top:27px; right:27px; z-index:1; width:16px; height:16px; background:var(--ra); -webkit-mask:var(--ic) center/contain no-repeat; mask:var(--ic) center/contain no-repeat; }
.cw-rec__stat--0{ --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); }
.cw-rec__stat--1{ --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21c0-4 3-7 7-7s7 3 7 7M16 4a4 4 0 0 1 0 8M22 21c0-3-2-6-5-7'/%3E%3C/svg%3E"); }
.cw-rec__stat--2{ --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E"); }
.cw-rec__stat--3{ --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.cw-rec__stat span{ padding-right:44px; font-weight:500; }
.cw-rec__card{ border-radius:14px; padding:20px 22px; }
.cw-rec__jobs li a{ padding:16px 8px; border-radius:10px; }
.cw-rec__jobs li a:hover{ background:color-mix(in srgb,var(--ri) 3%,var(--rc)); }
.cw-rec__jobmain b{ font-size:16px; }
.cw-rec__chip{ padding:4px 10px; font-size:12px; font-weight:600; text-transform:none; letter-spacing:0; background:var(--rc); }
.cw-rec__chip--star{ color:#a36a00; border-color:color-mix(in srgb,#e0a100 45%,transparent); }
.cw-rec__sumcard{ border-radius:14px; padding:20px 22px; }
.cw-rec__sumcard > span{ font-weight:500; }
.cw-rec__pill{ display:inline-flex; align-items:center; gap:6px; padding:5px 12px; background:color-mix(in srgb,var(--ri) 4%,var(--rc)); border-color:transparent; color:var(--ri); }
.cw-rec__pill::before,.cw-rec__colhead span::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--sc,var(--rm)); }
.cw-rec__pill--new,.cw-rec__colhead--new,.cw-rec__stage--new{ --sc:#6c4ef5; }
.cw-rec__pill--screening,.cw-rec__colhead--screening,.cw-rec__stage--screening{ --sc:#2f80ed; }
.cw-rec__pill--interview,.cw-rec__colhead--interview,.cw-rec__stage--interview{ --sc:#e58a00; }
.cw-rec__pill--offer,.cw-rec__colhead--offer,.cw-rec__stage--offer{ --sc:#d94f9b; }
.cw-rec__pill--hired,.cw-rec__colhead--hired,.cw-rec__stage--hired{ --sc:#1d9b55; }
.cw-rec__pill--rejected,.cw-rec__colhead--rejected,.cw-rec__stage--rejected{ --sc:#8a8c9c; }
.cw-rec__boardwrap{ display:grid; grid-template-columns:minmax(0,1fr); gap:14px; min-width:0; }
.cw-rec__bar{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:10px; border:1px solid var(--rl); border-radius:14px; background:var(--rc); }
.cw-rec__search{ position:relative; flex:1 1 240px; min-width:0; }
.cw-rec__search::before{ content:""; position:absolute; left:13px; top:50%; width:16px; height:16px; margin-top:-8px; background:var(--rm); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/contain no-repeat; pointer-events:none; }
.cw-rec__search input,.cw-rec__sel select{ width:100%; min-height:40px; margin:0; padding:0 14px 0 38px; border:1px solid var(--rl); border-radius:10px; background:var(--rc); color:var(--ri); font:inherit; font-size:14px; }
.cw-rec__sel select{ width:auto; padding:0 34px 0 14px; cursor:pointer; }
.cw-rec__search input:focus,.cw-rec__sel select:focus{ outline:2px solid color-mix(in srgb,var(--ra) 45%,transparent); outline-offset:1px; }
.cw-rec__count{ color:var(--rm); font-size:13px; font-variant-numeric:tabular-nums; }
.cw-rec__count:empty{ display:none; }
.cw-rec__views{ display:inline-flex; margin-left:auto; padding:3px; border-radius:10px; background:color-mix(in srgb,var(--ri) 6%,var(--rc)); }
.cw-rec__views button{ min-height:34px; padding:0 16px; border:0; border-radius:8px; background:transparent; color:var(--rm); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.cw-rec__views button.is-on{ background:var(--rc); color:var(--ri); box-shadow:0 1px 2px rgba(19,20,48,.12); }
.cw-rec__board{ gap:28px; }
.cw-rec__board[hidden],[data-cw-rec-pane][hidden]{ display:none; }
.cw-rec__group > h3{ margin:0 0 12px; font-size:13px; font-weight:600; color:var(--rm); text-transform:uppercase; letter-spacing:.06em; }
.cw-rec__col{ width:256px; padding:0; border:0; gap:10px; transition:opacity .15s; }
.cw-rec__col.is-dim{ opacity:.35; }
.cw-rec__col .cw-rec__colhead{ padding:14px 16px; border-radius:12px; border:1px solid var(--rl); background:color-mix(in srgb,var(--ri) 3%,var(--rc)); font-weight:600; }
.cw-rec__colhead span{ display:inline-flex; align-items:center; gap:8px; }
.cw-rec__colhead b{ min-width:26px; padding:2px 8px; border-radius:999px; background:var(--rc); border:1px solid var(--rl); font-size:13px; text-align:center; }
.cw-rec__cand{ gap:4px; padding:14px 16px; border-radius:12px; box-shadow:0 1px 2px rgba(19,20,48,.04); }
.cw-rec__cand[hidden]{ display:none; }
.cw-rec__cand:hover{ border-color:color-mix(in srgb,var(--ri) 30%,transparent); box-shadow:0 6px 18px -8px rgba(19,20,48,.18); }
.cw-rec__candtop{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.cw-rec__cand b{ margin:0; font-size:15px; overflow-wrap:anywhere; }
.cw-rec__days{ display:inline-flex; align-items:center; gap:5px; font-size:13px; }
.cw-rec__days::before{ content:""; width:12px; height:12px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm-1 3v6l5 3 1-1.7-4-2.3V7z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm-1 3v6l5 3 1-1.7-4-2.3V7z'/%3E%3C/svg%3E") center/contain no-repeat; }
.cw-rec .cw-rec__rate{ position:static; display:inline-flex; align-items:center; gap:3px; padding:3px 8px; border:0; border-radius:999px; background:color-mix(in srgb,#e0a100 14%,var(--rc)); color:#8a5a00; font-size:12px; font-weight:700; }
.cw-rec__none{ margin:0; padding:14px; border:1px dashed var(--rl); border-radius:12px; text-align:center; }
.cw-rec__none[hidden]{ display:none; }
.cw-rec__av{ --h:250; width:40px; height:40px; background:hsl(var(--h) 70% 92%); color:hsl(var(--h) 45% 32%); font-size:14px; letter-spacing:.02em; }
.cw-rec__av--big{ width:72px; height:72px; font-size:24px; }
.cw-rec__tablewrap{ overflow-x:auto; border:1px solid var(--rl); border-radius:14px; background:var(--rc); }
.cw-rec__table{ width:100%; margin:0; border-collapse:collapse; font-size:14px; }
.cw-rec__table th{ padding:12px 16px; border:0; border-bottom:1px solid var(--rl); background:color-mix(in srgb,var(--ri) 3%,var(--rc)); color:var(--rm); font-size:12px; font-weight:600; text-align:left; text-transform:uppercase; letter-spacing:.05em; white-space:nowrap; }
.cw-rec__table td{ padding:12px 16px; border:0; border-top:1px solid var(--rl); vertical-align:middle; white-space:nowrap; }
.cw-rec__table tbody tr:first-child td{ border-top:0; }
.cw-rec__table tbody tr[hidden]{ display:none; }
.cw-rec__table tbody tr:hover td{ background:color-mix(in srgb,var(--ri) 2.5%,var(--rc)); }
.cw-rec__who{ display:flex; align-items:center; gap:12px; color:inherit; text-decoration:none; }
.cw-rec__who > span:last-child{ display:grid; min-width:0; }
.cw-rec__who b{ font-weight:600; }
.cw-rec__who:hover b{ color:var(--ra); }
.cw-rec__who small{ color:var(--rm); font-size:13px; }
.cw-rec__tablewrap .cw-rec__none{ margin:12px; }
.cw-rec__person{ padding:22px; border:1px solid var(--rl); border-radius:14px; background:var(--rc); }
.cw-rec__person h2{ font-size:clamp(22px,2.6vw,28px); }
.cw-rec__split .cw-rec__card > h3{ margin-bottom:10px; }
.cw-rec__facts{ gap:12px; }
.cw-rec__facts > div{ padding:12px 14px; border-radius:10px; background:color-mix(in srgb,var(--ri) 3%,var(--rc)); }
.cw-rec__stages button{ display:inline-flex; align-items:center; gap:6px; }
.cw-rec__stages button::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--sc,var(--rm)); }
.cw-rec__stages button.is-on::before{ background:currentColor; }
.cw-rec__hist li{ position:relative; padding:8px 0 8px 18px; }
.cw-rec__hist li::before{ content:""; position:absolute; left:2px; top:15px; width:7px; height:7px; border-radius:50%; background:var(--ra); }
.cw-careers__jobs a{ padding:22px 24px; border-radius:14px; }
.cw-careers__jobs a > span:first-child{ display:grid; gap:8px; }
.cw-careers .cw-rec__chips{ --rl:var(--line,rgba(19,20,48,.12)); --ri:var(--ink,#131430); --rc:var(--card,#fff); }
.cw-careers .cw-rec__chip{ padding:4px 10px; text-transform:none; letter-spacing:0; background:var(--rc); }
.cw-careers__go{ display:inline-flex; align-items:center; min-height:40px; padding:0 18px; border-radius:10px; background:var(--ink,#131430); color:var(--bg,#fff); font-size:14px; }
.cw-careers__about{ padding:28px; border:1px solid var(--line,rgba(19,20,48,.12)); border-radius:16px; background:var(--card,#fff); }
.cw-careers__about > :first-child{ margin-top:0; }
.cw-careers__apply button{ border-radius:10px; }
@media (max-width:640px){
	.cw-rec__views{ margin-left:0; }
	.cw-rec__sel{ flex:1 1 140px; } .cw-rec__sel select{ width:100%; }
	.cw-rec__person{ padding:16px; }
	.cw-careers__about{ padding:20px; }
	.cw-rec__table th:nth-child(n+4),.cw-rec__table td:nth-child(n+4){ display:none; }
}
[data-theme="dark"] .cw-rec__av{ background:hsl(var(--h) 35% 24%); color:hsl(var(--h) 80% 86%); }
[data-theme="dark"] .cw-rec .cw-rec__rate{ color:#f2c76b; background:color-mix(in srgb,#e0a100 18%,transparent); }
[data-theme="dark"] .cw-rec__chip--star{ color:#f2c76b; }
[data-theme="dark"] .cw-rec__views button.is-on{ box-shadow:none; background:color-mix(in srgb,var(--ri) 14%,var(--rc)); }

/* Careers pages follow the public site's colours (the Zoliax style is dark): no fixed white cards, text and lines from the page. */
.cw-careers{ --cc-ink:currentColor; --cc-line:color-mix(in srgb,currentColor 16%,transparent); --cc-soft:color-mix(in srgb,currentColor 6%,transparent); --cc-muted:color-mix(in srgb,currentColor 68%,transparent); color:inherit; }
.cw-careers .cw-careers__jobs a,.cw-careers .cw-careers__about,.cw-careers .cw-careers__apply,.cw-careers .cw-careers__none{ background:var(--cc-soft); border-color:var(--cc-line); color:inherit; }
.cw-careers .cw-careers__jobs a:hover{ background:color-mix(in srgb,currentColor 10%,transparent); }
.cw-careers .cw-careers__apply input,.cw-careers .cw-careers__apply textarea{ background:color-mix(in srgb,currentColor 4%,transparent); border-color:var(--cc-line); color:inherit; }
.cw-careers .cw-careers__apply input::placeholder,.cw-careers .cw-careers__apply textarea::placeholder{ color:var(--cc-muted); }
.cw-careers .cw-careers__apply input[type=file]{ padding:9px 12px; }
.cw-careers .cw-careers__apply label span,.cw-careers .cw-careers__head h1,.cw-careers .cw-careers__jobs b{ color:inherit; }
.cw-careers .cw-careers__fine,.cw-careers .cw-careers__head p,.cw-careers .cw-careers__about li,.cw-careers .cw-careers__about p{ color:inherit; }
.cw-careers .cw-careers__fine{ opacity:.72; }
.cw-careers .cw-rec__chip{ background:transparent; border-color:var(--cc-line); color:inherit; }
.cw-careers .cw-careers__apply button,.cw-careers .cw-careers__go{ background:var(--accent,#7b66f2); color:#fff; }
.cw-careers .cw-careers__apply button:hover{ filter:brightness(1.08); }
.cw-careers .cw-careers__eyebrow{ color:var(--accent,#7b66f2); }
.cw-careers a:not(.cw-careers__go){ color:inherit; }
.cw-careers .cw-careers__msg.is-ok{ background:color-mix(in srgb,#1d9b55 22%,transparent); color:inherit; }
.cw-careers .cw-careers__msg.is-err{ background:color-mix(in srgb,#e5484d 22%,transparent); color:inherit; }

/* Recruiting: interviews, scorecards, approval for an offer and the interview plan of a job. */
.cw-rec__ivs > h3{ margin:0 0 12px; }
.cw-rec__ivs > .cw-muted{ margin:0 0 12px; padding:14px; border:1px dashed var(--rl); border-radius:12px; text-align:center; }
.cw-rec__iv{ margin:0 0 12px; padding:16px; border:1px solid var(--rl); border-radius:12px; background:var(--rc); }
.cw-rec__iv.is-cancelled{ opacity:.6; }
.cw-rec__iv.is-cancelled .cw-rec__ivmain > b{ text-decoration:line-through; }
.cw-rec__ivhead{ display:flex; align-items:flex-start; gap:14px; }
.cw-rec__ivdate{ display:grid; place-items:center; flex:none; width:52px; padding:6px 0; border:1px solid var(--rl); border-radius:10px; background:color-mix(in srgb,var(--ri) 3%,var(--rc)); line-height:1.1; }
.cw-rec__ivdate small{ color:#d9534f; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.cw-rec__ivdate b{ font-size:20px; font-variant-numeric:tabular-nums; }
.cw-rec__ivmain{ display:grid; gap:2px; flex:1; min-width:0; }
.cw-rec__ivmain > b{ font-size:15px; }
.cw-rec__ivmain small{ color:var(--rm); font-size:13px; overflow-wrap:anywhere; }
.cw-rec__ivwhere::before{ content:""; display:inline-block; width:12px; height:12px; margin-right:5px; vertical-align:-1px; background:currentColor; -webkit-mask:var(--cw-pin) center/contain no-repeat; mask:var(--cw-pin) center/contain no-repeat; }
.cw-rec__ivwhere{ --cw-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
.cw-rec__ivstate{ display:inline-flex; align-items:center; gap:6px; flex:none; padding:4px 10px; border-radius:999px; background:color-mix(in srgb,var(--sc) 12%,var(--rc)); color:var(--ri); font-size:12px; font-weight:600; }
.cw-rec__ivstate::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--sc); }
.cw-rec__ivstate--planned{ --sc:#2f80ed; } .cw-rec__ivstate--done{ --sc:#1d9b55; } .cw-rec__ivstate--cancelled{ --sc:#8a8c9c; }
.cw-rec__panel{ display:grid; gap:0; margin:14px 0 0; padding:0; list-style:none; border-top:1px solid var(--rl); }
.cw-rec__panel li{ display:flex; align-items:flex-start; gap:12px; padding:12px 0 0; margin:0; }
.cw-rec__panel li + li{ margin-top:12px; border-top:1px solid color-mix(in srgb,var(--rl) 60%,transparent); }
.cw-rec__panel .cw-person__avatar,.cw-rec__voters .cw-person__avatar{ flex:none; width:32px; height:32px; border-radius:50%; object-fit:cover; }
.cw-rec__panelmain{ flex:1; min-width:0; }
.cw-rec__panelrow{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-height:32px; }
.cw-rec__panelrow > b{ margin-right:auto; font-weight:600; }
.cw-rec__panelmain p{ margin:6px 0 0; padding:10px 12px; border-radius:10px; background:color-mix(in srgb,var(--ri) 3%,var(--rc)); color:var(--ri); font-size:14px; line-height:1.5; }
.cw-rec__rec{ display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:999px; background:color-mix(in srgb,var(--sc) 13%,var(--rc)); color:var(--sk,var(--ri)); font-size:12px; font-weight:600; white-space:nowrap; }
.cw-rec__rec::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--sc); }
.cw-rec__rec--strong_yes,.cw-rec__rec--yes{ --sc:#1d9b55; --sk:#14713d; }
.cw-rec__rec--strong_no,.cw-rec__rec--no{ --sc:#e5484d; --sk:#b4282d; }
.cw-rec__rec--yes,.cw-rec__rec--no{ background:color-mix(in srgb,var(--sc) 6%,var(--rc)); }
.cw-rec__rec--pending{ --sc:#e58a00; --sk:#8a5a00; }
.cw-rec__rec--in{ --sc:#2f80ed; }
.cw-rec__rec--none{ --sc:#8a8c9c; --sk:var(--rm); }
.cw-rec__recstars{ color:#e0a100; font-size:13px; letter-spacing:1px; }
.cw-rec__recstars i{ font-style:normal; color:color-mix(in srgb,var(--ri) 18%,transparent); }
.cw-rec__ivacts{ display:flex; gap:14px; margin:14px 0 0; padding-top:12px; border-top:1px solid var(--rl); font-size:14px; }
.cw-rec__score{ margin:14px 0 0; border:1px solid var(--rl); border-radius:12px; background:color-mix(in srgb,var(--ri) 2%,var(--rc)); }
.cw-rec__score > summary{ padding:12px 14px; font-weight:600; cursor:pointer; }
.cw-rec__score > form{ padding:0 14px 14px; }
.cw-rec__recpick{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 6px; padding:0; border:0; }
.cw-rec__recpick legend{ margin-bottom:6px; padding:0; font-size:14px; }
.cw-rec__recpick label{ position:relative; cursor:pointer; }
.cw-rec__recpick input{ position:absolute; opacity:0; inset:0; margin:0; }
.cw-rec__recpick span{ display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 14px; border:1px solid var(--rl); border-radius:999px; background:var(--rc); font-size:14px; font-weight:600; }
.cw-rec__recpick span::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--sc,#8a8c9c); }
.cw-rec__recpick label:nth-of-type(1){ --sc:#1d9b55; } .cw-rec__recpick label:nth-of-type(2){ --sc:#7cc49a; } .cw-rec__recpick label:nth-of-type(3){ --sc:#f08a8d; } .cw-rec__recpick label:nth-of-type(4){ --sc:#e5484d; }
.cw-rec__recpick input:checked + span{ border-color:var(--sc); background:color-mix(in srgb,var(--sc) 14%,var(--rc)); }
.cw-rec__recpick input:focus-visible + span{ outline:2px solid color-mix(in srgb,var(--ra) 45%,transparent); outline-offset:2px; }
.cw-rec__score .cw-field input[type=number]{ max-width:120px; }
.cw-rec__plan{ margin-top:4px; }
.cw-rec__plan > summary{ display:inline-flex; list-style:none; cursor:pointer; }
.cw-rec__plan > summary::-webkit-details-marker{ display:none; }
.cw-rec__plan[open] > summary{ margin-bottom:8px; }
.cw-rec__plan > form{ padding:14px; border:1px solid var(--rl); border-radius:12px; background:color-mix(in srgb,var(--ri) 2%,var(--rc)); }
fieldset.cw-rec__who{ display:flex; flex-wrap:wrap; gap:8px; margin:10px 0; padding:0; border:0; }
fieldset.cw-rec__who legend{ margin-bottom:6px; padding:0; font-size:14px; }
fieldset.cw-rec__who label{ position:relative; cursor:pointer; }
fieldset.cw-rec__who input{ position:absolute; opacity:0; inset:0; margin:0; }
fieldset.cw-rec__who span{ display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:0 12px; border:1px solid var(--rl); border-radius:999px; background:var(--rc); font-size:14px; }
fieldset.cw-rec__who span::before{ content:""; width:14px; height:14px; border:1.5px solid var(--rl); border-radius:4px; box-sizing:border-box; }
fieldset.cw-rec__who input:checked + span{ border-color:var(--ri); font-weight:600; }
fieldset.cw-rec__who input:checked + span::before{ border-color:var(--ri); background:var(--ri) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/10px no-repeat; }
fieldset.cw-rec__who input:focus-visible + span{ outline:2px solid color-mix(in srgb,var(--ra) 45%,transparent); outline-offset:2px; }
.cw-rec__approval > h3{ margin:0 0 8px; }
.cw-rec__apstate{ margin:0 0 14px; }
.cw-rec__apstate .cw-rec__rec{ padding:4px 12px; font-size:13px; }
.cw-rec__voters{ position:relative; display:grid; gap:16px; margin:0; padding:0; list-style:none; }
.cw-rec__voters::before{ content:""; position:absolute; left:15px; top:16px; bottom:16px; width:2px; background:var(--rl); }
.cw-rec__voters li{ position:relative; display:flex; align-items:flex-start; gap:12px; margin:0; }
.cw-rec__voters li .cw-person__avatar{ box-shadow:0 0 0 3px var(--rc); }
.cw-rec__voters li > div{ display:grid; justify-items:start; gap:4px; min-width:0; }
.cw-rec__voters b{ font-weight:600; line-height:1.3; }
.cw-rec__voters small{ color:var(--rm); font-size:12px; }
.cw-rec__voters q{ color:var(--ri); font-size:13px; font-style:italic; overflow-wrap:anywhere; }
.cw-rec__apstatenote{ margin:14px 0 0; font-size:13px; }
.cw-rec__approvalform{ margin-top:14px; padding-top:14px; border-top:1px solid var(--rl); }
.cw-rec__approvalform input[type=text]{ width:100%; min-height:40px; }
.cw-rec__approvalform .cw-rec__acts{ display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 0; }
.cw-rec__approvalreset{ margin-top:14px; padding-top:12px; border-top:1px solid var(--rl); font-size:14px; }
.cw-rec__hplan{ padding:0; }
.cw-rec__hplan > details > summary{ position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; padding:18px 48px 18px 22px; list-style:none; cursor:pointer; }
.cw-rec__hplan > details > summary::-webkit-details-marker{ display:none; }
.cw-rec__hplan > details > summary::after{ content:""; position:absolute; right:22px; top:50%; width:8px; height:8px; margin-top:-6px; border-right:2px solid var(--rm); border-bottom:2px solid var(--rm); transform:rotate(45deg); transition:transform .15s; }
.cw-rec__hplan > details[open] > summary::after{ margin-top:-2px; transform:rotate(-135deg); }
.cw-rec__hplan > details > summary h3{ margin:0; }
.cw-rec__hplan .cw-rec__chips{ margin:0; counter-reset:rnd; }
.cw-rec__hplan .cw-rec__chip:not(.cw-rec__chip--approval)::before{ counter-increment:rnd; content:counter(rnd); display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:color-mix(in srgb,var(--ri) 8%,var(--rc)); font-size:10px; }
.cw-rec__hplan .cw-rec__chip--approval{ border-color:color-mix(in srgb,#e58a00 40%,transparent); color:#8a5a00; }
.cw-rec__hplan > details > form{ padding:0 22px 20px; border-top:1px solid var(--rl); }
.cw-rec__hplan > details > form > .cw-muted{ margin:14px 0 10px; font-size:14px; }
.cw-rec__rounds{ display:grid; gap:8px; margin:0 0 6px; padding:0; list-style:none; counter-reset:rr; }
.cw-rec__rounds li{ display:grid; grid-template-columns:26px minmax(0,1fr) 90px auto; align-items:center; gap:8px; margin:0; }
.cw-rec__rounds li::before{ counter-increment:rr; content:counter(rr); display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:color-mix(in srgb,var(--ri) 6%,var(--rc)); color:var(--rm); font-size:12px; font-weight:600; }
.cw-rec__rounds input{ min-height:40px; margin:0; }
.cw-rec__rounds small{ color:var(--rm); font-size:13px; }
@media (max-width:640px){
	.cw-rec__iv{ padding:14px; }
	.cw-rec__ivhead{ flex-wrap:wrap; }
	.cw-rec__ivmain{ flex-basis:calc(100% - 66px); }
	.cw-rec__ivstate{ margin-left:66px; }
	.cw-rec__rounds li{ grid-template-columns:26px minmax(0,1fr) 72px; }
	.cw-rec__rounds li small{ display:none; }
	.cw-rec__hplan > details > summary{ padding:16px 44px 16px 16px; }
	.cw-rec__hplan > details > form{ padding:0 16px 16px; }
}
[data-theme="dark"] .cw-rec__rec{ background:color-mix(in srgb,var(--sc) 22%,var(--rc)); }
[data-theme="dark"] .cw-rec__rec--strong_yes,[data-theme="dark"] .cw-rec__rec--yes{ --sk:#6fd39b; }
[data-theme="dark"] .cw-rec__rec--strong_no,[data-theme="dark"] .cw-rec__rec--no{ --sk:#ff8e91; }
[data-theme="dark"] .cw-rec__rec--pending{ --sk:#f2c76b; }
[data-theme="dark"] .cw-rec__hplan .cw-rec__chip--approval{ color:#f2c76b; }
[data-theme="dark"] .cw-rec__ivdate small{ color:#ff8e91; }
.cw-rec__rounds input,.cw-rec__score input[type=number],.cw-rec__score textarea,.cw-rec__plan input[type=text],.cw-rec__plan input[type=datetime-local],.cw-rec__plan select,.cw-rec__approvalform input[type=text]{ box-sizing:border-box; padding:8px 12px; border:1px solid var(--rl); border-radius:10px; background:var(--rc); color:var(--ri); font:inherit; font-size:14px; }
.cw-rec__rounds input:focus,.cw-rec__score input:focus,.cw-rec__score textarea:focus,.cw-rec__plan input:focus,.cw-rec__plan select:focus,.cw-rec__approvalform input:focus{ outline:2px solid color-mix(in srgb,var(--ra) 45%,transparent); outline-offset:1px; }

/* Recruiting candidate page: header, application progress timeline and comments with tabs. */
.cw-rec__chead{ align-items:center; gap:20px; margin-bottom:16px; }
.cw-rec__cheadmain{ flex:1; display:grid; gap:6px; }
.cw-rec__cheadname{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; }
.cw-rec__cheadname h2{ margin:0; }
.cw-rec__chsub{ margin:0; color:var(--rm); font-size:14px; }
.cw-rec__chead .cw-rec__chips{ margin:2px 0 0; }
.cw-rec__chacts{ display:flex; flex-wrap:wrap; gap:8px; align-self:flex-start; }
.cw-rec__chacts .cw-btn{ min-height:40px; }
.cw-rec__split > div,.cw-rec__split > aside{ display:grid; gap:16px; align-content:start; min-width:0; }
.cw-rec__split > div > .cw-rec__card,.cw-rec__split > aside > .cw-rec__card{ margin:0; }
@media (min-width:1100px){ .cw-rec__split{ grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr); gap:20px; } }
.cw-rec__tl{ position:relative; display:grid; margin:4px 0 0; padding:0; list-style:none; }
.cw-rec__tl li{ position:relative; display:flex; align-items:flex-start; gap:14px; margin:0; padding:0 0 22px; }
.cw-rec__tl li:last-child{ padding-bottom:0; }
.cw-rec__tl li:not(:last-child)::before{ content:""; position:absolute; left:11px; top:26px; bottom:2px; width:2px; border-radius:2px; background:var(--rl); }
.cw-rec__tl li.is-done:not(:last-child)::before{ background:#1d9b55; }
.cw-rec__tldot{ position:relative; flex:none; display:grid; place-items:center; width:24px; height:24px; border:2px solid var(--rl); border-radius:50%; background:var(--rc); box-sizing:border-box; }
.cw-rec__tl .is-done .cw-rec__tldot{ border-color:#1d9b55; background:#1d9b55 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/12px no-repeat; }
.cw-rec__tl .is-current .cw-rec__tldot{ border-color:#e58a00; }
.cw-rec__tl .is-current .cw-rec__tldot::after{ content:""; width:8px; height:8px; border-radius:50%; background:#e58a00; }
.cw-rec__tl .is-stop .cw-rec__tldot{ border-color:#e5484d; background:#e5484d; }
.cw-rec__tl .is-stop .cw-rec__tldot::after{ content:""; width:10px; height:2px; border-radius:2px; background:#fff; }
.cw-rec__tlmain{ flex:1; display:grid; gap:2px; min-width:0; padding-top:2px; }
.cw-rec__tlmain b{ font-weight:600; }
.cw-rec__tl .is-next .cw-rec__tlmain b{ color:var(--rm); font-weight:500; }
.cw-rec__tlmain small{ color:var(--rm); font-size:13px; }
.cw-rec__tlside{ display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:4px 10px; padding-top:1px; }
.cw-rec__tlside small{ color:var(--rm); font-size:13px; white-space:nowrap; }
.cw-rec__tlpill{ display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:999px; background:color-mix(in srgb,var(--sc,#8a8c9c) 12%,var(--rc)); color:var(--sk,var(--rm)); font-size:12px; font-weight:600; white-space:nowrap; }
.cw-rec__tl .is-done .cw-rec__tlpill{ --sc:#1d9b55; --sk:#14713d; }
.cw-rec__tl .is-current .cw-rec__tlpill{ --sc:#e58a00; --sk:#8a5a00; }
.cw-rec__tl .is-stop .cw-rec__tlpill{ --sc:#e5484d; --sk:#b4282d; }
.cw-rec__tl .is-next .cw-rec__tlpill{ background:transparent; border:1px dashed var(--rl); }
.cw-rec__comments > h3{ margin:0 0 10px; }
.cw-rec__ctabs{ display:flex; gap:20px; margin:0 0 6px; border-bottom:1px solid var(--rl); }
.cw-rec__ctabs button{ display:inline-flex; align-items:center; gap:6px; margin:0 0 -1px; padding:8px 0; border:0; border-bottom:2px solid transparent; background:none; color:var(--rm); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.cw-rec__ctabs button[aria-selected="true"]{ border-color:var(--ri); color:var(--ri); }
.cw-rec__ctabs button span{ min-width:20px; padding:0 6px; border-radius:999px; background:color-mix(in srgb,var(--ri) 7%,var(--rc)); font-size:12px; text-align:center; }
.cw-rec__comments [data-pane][hidden]{ display:none; }
.cw-rec__comments .cw-rec__note{ display:flex; gap:10px; padding:12px 0; border-top:0; border-bottom:1px solid color-mix(in srgb,var(--rl) 70%,transparent); }
.cw-rec__comments .cw-rec__note > div{ flex:1; min-width:0; }
.cw-rec__comments .cw-rec__note .cw-person__avatar{ flex:none; width:28px; height:28px; border-radius:50%; object-fit:cover; }
.cw-rec__comments .cw-rec__note small b{ color:var(--ri); font-weight:600; }
.cw-rec__comments .cw-rec__note p{ font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.cw-rec__fbrow{ display:flex; align-items:center; gap:8px; }
.cw-rec__cempty{ margin:12px 0; font-size:14px; }
.cw-rec__comments textarea{ box-sizing:border-box; width:100%; margin-top:12px; padding:10px 12px; border:1px solid var(--rl); border-radius:10px; background:var(--rc); color:var(--ri); font:inherit; font-size:14px; }
.cw-rec__comments form p{ margin:8px 0 0; }
@media (max-width:640px){
	.cw-rec__chead{ flex-wrap:wrap; gap:14px; }
	.cw-rec__chead .cw-rec__av--big{ width:56px; height:56px; font-size:20px; }
	.cw-rec__cheadmain{ flex-basis:calc(100% - 70px); }
	.cw-rec__chacts{ width:100%; }
	.cw-rec__chacts .cw-btn{ flex:1; justify-content:center; }
	.cw-rec__tl li{ flex-wrap:wrap; }
	.cw-rec__tlside{ width:100%; justify-content:flex-start; padding-left:38px; }
}
[data-theme="dark"] .cw-rec__tl .is-done .cw-rec__tlpill{ --sk:#6fd39b; }
[data-theme="dark"] .cw-rec__tl .is-current .cw-rec__tlpill{ --sk:#f2c76b; }
[data-theme="dark"] .cw-rec__tl .is-stop .cw-rec__tlpill{ --sk:#ff8e91; }
[data-theme="dark"] .cw-rec__tlpill{ background:color-mix(in srgb,var(--sc,#8a8c9c) 22%,var(--rc)); }
.cw-rec .cw-btn:not(.cw-btn--ghost):not(.cw-rec__acts .cw-btn){ min-height:40px; padding:0 18px; border:1px solid var(--ri); border-radius:10px; background:var(--ri); color:var(--rc) !important; font-size:14px; font-weight:600; }
.cw-rec .cw-btn:not(.cw-btn--ghost):not(.cw-rec__acts .cw-btn):hover{ filter:brightness(1.25); }
.cw-rec .cw-rec__approvalform .cw-rec__acts button.cw-btn:not(.cw-btn--ghost){ background:var(--ri); color:var(--rc) !important; }
.cw-rec__ctabs button{ white-space:nowrap; }
.cw-rec fieldset.cw-rec__recpick,.cw-rec fieldset.cw-rec__who{ margin:10px 0; padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.cw-rec .cw-rec__recpick legend,.cw-rec fieldset.cw-rec__who legend{ padding:0; font-size:14px; font-weight:500; }
[data-theme="dark"] .cw-rec .cw-btn:not(.cw-btn--ghost):not(.cw-rec__acts .cw-btn),[data-theme="dark"] .cw-rec .cw-rec__approvalform .cw-rec__acts button.cw-btn:not(.cw-btn--ghost){ border-color:#f6f3ff; background:#f6f3ff; color:#131430 !important; }
[data-theme="dark"] .cw-rec__tldot,[data-theme="dark"] .cw-rec__ivdate{ background:#1c0f2b; }
[data-theme="dark"] .cw-rec__voters li .cw-person__avatar{ box-shadow:0 0 0 3px #1c0f2b; }
.cw-rec__split > div > *,.cw-rec__split > aside > *{ min-width:0; }
.cw-rec__ctabs{ overflow-x:auto; scrollbar-width:none; }
@media (max-width:640px){
	.cw-rec__chead{ align-items:flex-start; }
	.cw-rec__ctabs{ gap:16px; }
	.cw-rec__tl li{ padding-bottom:18px; }
	.cw-rec__tlside{ padding-top:4px; }
}

/* ------------------------------------------------------------------ Recruiting: the offer */
.cw-rec__rec--o-draft{ --sc:#8a8c9c; --sk:var(--ri); }
.cw-rec__rec--o-sent{ --sc:#2f80ed; --sk:#1c5fbf; }
.cw-rec__rec--o-accepted{ --sc:#1d9b55; --sk:#14713d; }
.cw-rec__rec--o-declined{ --sc:#e5484d; --sk:#b4282d; }
.cw-rec__rec--o-expired{ --sc:#e58a00; --sk:#8a5a00; }
.cw-rec__rec--o-withdrawn{ --sc:#8a8c9c; --sk:var(--rm); }
[data-theme="dark"] .cw-rec__rec--o-sent{ --sk:#8fbcff; }
[data-theme="dark"] .cw-rec__rec--o-accepted,[data-theme="dark"] .cw-rec__rec--yes,[data-theme="dark"] .cw-rec__rec--strong_yes{ --sk:#86e3b3; }
[data-theme="dark"] .cw-rec__rec--o-declined,[data-theme="dark"] .cw-rec__rec--no,[data-theme="dark"] .cw-rec__rec--strong_no{ --sk:#ff9a8f; }
[data-theme="dark"] .cw-rec__rec--o-expired,[data-theme="dark"] .cw-rec__rec--pending{ --sk:#f2c76b; }
.cw-rec__offer > .cw-rec__cardhead h3{ margin:0; }
.cw-rec__offerfacts{ margin:4px 0 12px; }
.cw-rec__offerfacts dd{ font-weight:600; }
.cw-rec__offernote{ margin:0 0 12px; padding:10px 12px; border-radius:10px; background:color-mix(in srgb,var(--ri) 3%,var(--rc)); color:var(--ri); font-size:14px; line-height:1.5; }
.cw-rec__offernote.is-ok{ background:color-mix(in srgb,#1d9b55 10%,var(--rc)); }
.cw-rec__offernote.is-warn{ background:color-mix(in srgb,#e58a00 11%,var(--rc)); }
.cw-rec__offeracts:empty{ display:none; }
.cw-rec__offeracts{ margin:0 0 6px; }
.cw-rec__offer details{ border-top:1px solid var(--rl); margin-top:12px; padding-top:12px; }
.cw-rec__offer details > summary{ cursor:pointer; font-weight:600; color:var(--ri); }
.cw-rec__offer details[open] > summary{ margin-bottom:6px; }
.cw-rec__salary{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(70px,.6fr) minmax(0,1fr); gap:10px; }
.cw-rec__f input[type=date]{ width:100%; min-height:40px; }
.cw-rec__offerform .cw-rec__acts{ margin:12px 0 4px; }
.cw-rec__letter{ max-height:420px; overflow:auto; margin:8px 0; padding:20px 22px; border:1px solid var(--rl); border-radius:12px; background:color-mix(in srgb,var(--ri) 2%,var(--rc)); font-size:14px; line-height:1.65; }
.cw-rec__letter p{ margin:0 0 12px; }
.cw-rec__letter p:last-child{ margin:0; }
.cw-rec__ph{ padding:2px 8px; border:1px solid var(--rl); border-radius:6px; font-size:12px; }
.cw-rec__offertpl textarea{ box-sizing:border-box; width:100%; padding:12px 14px !important; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:13px; line-height:1.55; }
.cw-rec__offertpl .cw-rec__chips code{ background:color-mix(in srgb,var(--ri) 3%,var(--rc)); }
.cw-rec__offertpl form{ padding:0 22px 18px; }
@media (max-width:520px){ .cw-rec__salary{ grid-template-columns:1fr 1fr; } .cw-rec__salary > :first-child{ grid-column:1 / -1; } .cw-rec__letter{ padding:16px; } }

/* Offer card polish: one field style, a paper-like letter preview. */
.cw-rec__offerform :is(input[type=text],input[type=date],select,textarea){ box-sizing:border-box; width:100%; min-height:42px; padding:8px 12px; border:1px solid var(--rl); border-radius:10px; background-color:var(--rc); color:var(--ri); font-family:inherit; font-size:14px; line-height:1.4; box-shadow:none; }
.cw-rec__offerform textarea{ min-height:84px; padding:10px 12px; resize:vertical; }
.cw-rec__offerform :is(input,select,textarea):focus{ outline:0; border-color:var(--ra,#6c4ef5); box-shadow:0 0 0 3px color-mix(in srgb,var(--ra,#6c4ef5) 18%,transparent); }
.cw-rec__offerform .cw-field > span{ font-size:13px; font-weight:600; color:var(--ri); }
[data-theme="dark"] .cw-rec__offerform input[type=date]{ color-scheme:dark; }
.cw-rec__offer .cw-rec__letter{ background:var(--rc); box-shadow:0 1px 2px rgba(19,20,48,.04),0 8px 24px -12px rgba(19,20,48,.12); }
.cw-rec__offerhint{ margin:6px 0 0; font-size:13px; }
.cw-rec__offeracts{ display:flex; flex-wrap:wrap; gap:8px; }

/* The public offer page: colours from the site (currentColor), like the careers pages. */
.cw-offer-page .crumb-bar{ display:none; }
.cw-offer__wrap{ max-width:820px; }
.cw-offer__head{ margin-bottom:26px; }
.cw-offer__head h1,.cw-offer__gone h1{ margin:6px 0 6px; font-size:clamp(30px,5vw,46px); letter-spacing:-.03em; line-height:1.08; color:inherit; }
.cw-offer__lede{ margin:0; font-size:18px; color:var(--cc-muted); }
.cw-offer__tools{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:18px 0 0; }
.cw-offer__state{ display:inline-flex; align-items:center; gap:7px; min-height:30px; padding:0 12px; border-radius:999px; background:color-mix(in srgb,var(--st,#2f80ed) 16%,transparent); font-size:14px; font-weight:600; }
.cw-offer__state::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--st,#2f80ed); }
.cw-offer__state.is-accepted{ --st:#1d9b55; }
.cw-offer__state.is-declined{ --st:#e5484d; }
.cw-offer__state.is-expired{ --st:#e58a00; }
.cw-offer .cw-offer__print{ display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:0 20px; border:1px solid var(--cc-line); background:transparent; color:inherit; font-size:15px; cursor:pointer; }
.cw-offer .cw-offer__print:hover{ background:var(--cc-soft); }
.cw-offer__sheet{ padding:clamp(22px,6vw,56px); border:1px solid var(--cc-line); border-radius:20px; background:color-mix(in srgb,currentColor 3%,transparent); box-shadow:0 1px 2px rgba(0,0,0,.04),0 24px 48px -28px rgba(0,0,0,.28); }
.cw-offer__lhead{ display:flex; align-items:center; gap:14px; padding-bottom:22px; margin-bottom:26px; border-bottom:1px solid var(--cc-line); }
.cw-offer__mark{ display:grid; place-items:center; flex:none; width:44px; height:44px; border-radius:12px; background:var(--accent,#6c4ef5); color:#fff; font-size:20px; font-weight:700; }
.cw-offer__co{ display:grid; min-width:0; }
.cw-offer__co b{ font-size:17px; overflow-wrap:anywhere; }
.cw-offer__co small,.cw-offer__date{ color:var(--cc-muted); font-size:13px; }
.cw-offer__date{ margin-left:auto; white-space:nowrap; }
.cw-offer__terms{ margin:0 0 30px; padding:20px 22px; border:1px solid var(--cc-line); border-radius:14px; background:var(--cc-soft); }
.cw-offer__terms h2{ margin:0 0 14px; font-size:13px; letter-spacing:.06em; text-transform:uppercase; color:var(--cc-muted); }
.cw-offer__facts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:16px 20px; margin:0; }
.cw-offer__facts dt{ font-size:13px; color:var(--cc-muted); }
.cw-offer__facts dd{ margin:3px 0 0; font-size:16px; font-weight:650; overflow-wrap:anywhere; }
.cw-offer__letter{ font-size:17px; line-height:1.75; }
.cw-offer__letter p{ margin:0 0 16px; }
.cw-offer__letter p:last-child{ margin:0; }
.cw-offer__sigs{ display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:44px; }
.cw-offer__sig{ display:grid; gap:6px; }
.cw-offer__sigline{ display:block; min-height:44px; padding:0 2px 4px; border-bottom:1px solid color-mix(in srgb,currentColor 40%,transparent); font-size:16px; font-weight:600; line-height:56px; overflow-wrap:anywhere; }
.cw-offer__sig.is-signed .cw-offer__sigline{ font-family:"Brush Script MT","Segoe Script","Snell Roundhand",cursive,serif; font-size:26px; font-weight:400; }
.cw-offer__sig small{ color:var(--cc-muted); font-size:13px; }
.cw-offer__answer{ display:grid; gap:14px; margin-top:24px; }
.cw-offer__sign,.cw-offer__done,.cw-offer__decline{ padding:24px; border:1px solid var(--cc-line); border-radius:18px; background:var(--cc-soft); }
.cw-offer__sign h2,.cw-offer__done h2{ margin:0 0 10px; font-size:21px; color:inherit; }
.cw-offer__done p{ margin:0; }
.cw-offer__done.is-ok{ border-color:color-mix(in srgb,#1d9b55 45%,transparent); background:color-mix(in srgb,#1d9b55 14%,transparent); }
.cw-offer__field{ display:block; margin:10px 0; }
.cw-offer__field span{ display:block; margin-bottom:5px; font-size:14px; font-weight:600; }
.cw-offer__field input,.cw-offer__field textarea{ width:100%; min-height:48px; padding:10px 14px; border:1px solid var(--cc-line); border-radius:12px; background:color-mix(in srgb,currentColor 4%,transparent); color:inherit; font:inherit; box-sizing:border-box; }
.cw-offer__field :is(input,textarea):focus{ outline:0; border-color:var(--accent,#6c4ef5); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#6c4ef5) 22%,transparent); }
.cw-offer__field input[name=signed]{ font-size:22px; font-family:"Brush Script MT","Segoe Script","Snell Roundhand",cursive,serif; }
.cw-offer__field input::placeholder{ color:var(--cc-muted); font-style:normal; font-family:inherit; font-size:16px; }
.cw-offer__check{ display:flex; gap:10px; align-items:flex-start; margin:12px 0 16px; font-size:15px; line-height:1.45; }
.cw-offer__check input{ flex:none; width:18px; height:18px; margin-top:2px; accent-color:var(--accent,#6c4ef5); }
.cw-offer__go,.cw-offer__no{ width:100%; min-height:50px; border:0; border-radius:999px; font:inherit; font-weight:700; cursor:pointer; }
.cw-offer__go{ background:var(--accent,#6c4ef5); color:#fff; }
.cw-offer__go:hover{ filter:brightness(1.08); }
.cw-offer__no{ border:1px solid var(--cc-line); background:transparent; color:inherit; }
.cw-offer__decline{ padding:16px 24px; }
.cw-offer__decline summary{ cursor:pointer; font-weight:600; color:var(--cc-muted); }
.cw-offer__decline[open] summary{ margin-bottom:6px; }
.cw-offer__gone{ padding:40px 0; }
.cw-offer__gone p{ max-width:560px; color:var(--cc-muted); }
@media (max-width:560px){
	.cw-offer__sheet{ border-radius:16px; }
	.cw-offer__lhead{ flex-wrap:wrap; }
	.cw-offer__date{ flex-basis:100%; margin-left:58px; }
	.cw-offer__terms{ padding:16px; }
	.cw-offer__facts{ grid-template-columns:1fr 1fr; gap:14px; }
	.cw-offer__facts dd{ font-size:15px; }
	.cw-offer__letter{ font-size:16px; }
	.cw-offer__sigs{ grid-template-columns:1fr; gap:22px; }
}
@media print{
	@page{ margin:16mm; }
	.cw-offer-page .site-header,.cw-offer-page .site-footer,.cw-offer-page .crumb-bar,.cw-offer-page #wpadminbar,.cw-offer-page .blobs,.cw-offer__head,.cw-offer__sign,.cw-offer__decline,.cw-careers__msg{ display:none !important; }
	.cw-offer-page,.cw-offer{ background:#fff !important; color:#111 !important; }
	.cw-offer{ padding:0 !important; }
	.cw-offer__wrap{ max-width:none; }
	.cw-offer__sheet{ padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
	.cw-offer__mark{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
	.cw-offer__terms{ border-color:#ccc; background:#f6f6f6; -webkit-print-color-adjust:exact; print-color-adjust:exact; break-inside:avoid; }
	.cw-offer__letter{ font-size:11.5pt; line-height:1.6; }
	.cw-offer__sigs{ break-inside:avoid; }
	.cw-offer__done{ border-color:#ccc; background:none; }
}
.cw-rec__f .cw-field[hidden]{ display:none; }

/* Recruiting KPI row (cw_rec_kpis) */
.cw-rec__kpis{ grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }
.cw-rec__kpis .cw-rec__stat{ gap:10px; }
.cw-rec__kpis .cw-rec__stat b{ font-size:30px; }
.cw-rec__kpisub{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; color:var(--rm); font-size:12.5px; line-height:1.35; }
.cw-rec__kpisub em{ font-style:normal; }
.cw-rec__stat--4{ --ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 15l2 2 4-4'/%3E%3C/svg%3E"); }
@media (max-width:560px){ .cw-rec .cw-rec__kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .cw-rec__kpis .cw-rec__stat{ padding:14px; } .cw-rec__kpis .cw-rec__stat span{ padding-right:36px; font-size:13px; } .cw-rec__kpis .cw-rec__stat::after{ top:12px; right:12px; } .cw-rec__kpis .cw-rec__stat::before{ top:21px; right:21px; } .cw-rec__kpis .cw-rec__stat b{ font-size:24px; } .cw-rec__kpis .cw-rec__stat:last-child:nth-child(odd){ grid-column:1 / -1; } }

/* At a glance: the number with its "vs last month" pill */
.cw-gcard__numrow{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; min-width:0; }
.cw-gcard__vs{ color:var(--muted,#5d5f72); font-size:12.5px; }

/* Getting started: progress ring with "% done", steps done and left. */
.cw-setup__ring{ position:relative; flex:none; display:inline-grid; place-items:center; width:56px; height:56px; }
.cw-setup__ring svg{ transform:rotate(-90deg); }
.cw-setup__ring circle{ fill:none; stroke-width:4.5; }
.cw-setup__ring-bg{ stroke:color-mix(in srgb,var(--accent,#6c4ef5) 16%,transparent); }
.cw-setup__ring-fg{ stroke:var(--accent,#6c4ef5); stroke-linecap:round; transition:stroke-dasharray .6s cubic-bezier(.2,.7,.2,1); }
.cw-setup__ring-t{ position:absolute; inset:0; display:grid; place-content:center; text-align:center; line-height:1.05; }
.cw-setup__ring-t b{ font-size:13px; font-weight:700; color:var(--ink,#131430); font-variant-numeric:tabular-nums; }
.cw-setup__ring-t small{ font-size:9px; color:var(--muted,#5d5f72); }
.cw-setup__head{ min-width:0; }
.cw-setup__sum{ display:flex; flex-wrap:wrap; gap:6px 14px; margin:4px 0 0; font-size:13px; color:var(--muted,#5d5f72); }
.cw-setup__n{ display:inline-flex; align-items:center; gap:6px; }
.cw-setup__n::before{ content:""; width:8px; height:8px; border-radius:50%; background:color-mix(in srgb,var(--accent,#6c4ef5) 22%,transparent); }
.cw-setup__n.is-done::before{ background:#16a34a; }
@media (prefers-reduced-motion:reduce){ .cw-setup__ring-fg{ transition:none; } }

/* For you today: folded by default; the header opens it */
.cw-today__fold > summary{ list-style:none; cursor:pointer; border-radius:12px; }
.cw-today__fold > summary::-webkit-details-marker{ display:none; }
.cw-today__fold > summary:focus-visible{ outline:2px solid var(--accent,#6c4ef5); outline-offset:4px; }
.cw-today__fold .cw-today__head > div{ flex:1; min-width:0; }
.cw-today__total{ flex:none; font-size:15px; font-weight:700; line-height:1; color:#fff; font-variant-numeric:tabular-nums; border-radius:25px; background-color:var(--accent,#6c4ef5); padding:10px; }
.cw-today__chev{ flex:none; width:10px; height:10px; margin:0 4px 0 2px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; opacity:.55; transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s ease; }
.cw-today__fold[open] .cw-today__chev{ transform:rotate(-135deg) translate(-2px,-2px); }
.cw-today__fold[open] > summary{ margin-bottom:4px; }

/* Careers page: follow the light / dark theme (the block preset default is the dark brand colour). */
body.cw-careers-page{ background:var(--bg,#f5f5f2); color:var(--ink,#131430); }

/* Recruiting board: move menu under a card, drag feedback and the reject dialog. */
.cw-rec__cand.is-drag{ opacity:.45; }
.cw-rec__cand[draggable="true"]{ cursor:grab; }
.cw-rec__col.is-over{ outline:2px dashed var(--ra); outline-offset:2px; border-radius:12px; }
.cw-rec__move{ width:100%; min-height:40px; margin-top:-4px; padding:6px 10px; border:1px solid var(--rl); border-radius:10px; background:var(--rc); color:var(--rm); font:inherit; font-size:13px; }
.cw-rec__cand[hidden] + .cw-rec__move{ display:none; }
.cw-rec__rej{ width:min(440px,calc(100vw - 32px)); max-height:calc(100vh - 32px); overflow:auto; padding:22px; border:1px solid var(--rl); border-radius:16px; background:var(--rc); color:var(--ri); box-shadow:0 24px 60px -16px rgba(19,20,48,.45); }
.cw-rec__rej::backdrop{ background:rgba(19,20,48,.55); }
.cw-rec__rej h3{ margin:0 0 12px; font-size:18px; }
.cw-rec__rej .cw-field{ display:grid; gap:6px; margin:0 0 12px; }
.cw-rec__rej select,.cw-rec__rej textarea{ width:100%; min-height:44px; padding:8px 12px; border:1px solid var(--rl); border-radius:10px; background:var(--rc); color:var(--ri); font:inherit; box-sizing:border-box; }
.cw-rec__rejacts{ display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.cw-rec__rejacts .cw-btn{ min-height:44px; }
@media (max-width:560px){ .cw-rec__rejacts .cw-btn{ flex:1 1 100%; } }
[data-theme="dark"] .cw-rec__rej{ box-shadow:0 24px 60px -16px rgba(0,0,0,.7); }
[data-theme="dark"] .cw-rec__rej::backdrop{ background:rgba(0,0,0,.7); }

/* AI page: card titles as a soft orange label with an icon */
.cw-ai-page__head h3.cw-ai-page__label{ display:inline-flex; align-items:center; gap:8px; padding:6px 14px 6px 12px; border-radius:10px; background:color-mix(in srgb,#d98a00 16%,transparent); color:#8a5600; font-size:15px; line-height:1.2; }
.cw-ai-page__label .cw-ico{ flex:none; width:16px; height:16px; }
[data-theme="dark"] .cw-ai-page__head h3.cw-ai-page__label{ color:#f0b44a; }

/* Design review 2026-10-22: the Reject dialog has a solid background in dark mode; the Move to menu is lighter. */
[data-theme="dark"] .cw-rec__rej{background:#1a142d}
.cw-rec__col select.cw-rec__move{height:32px;min-height:32px;font-size:13px;border-radius:8px;padding:0 28px 0 10px;background-color:transparent}

/* Design review 2026-10-22: For you today runs in two columns on wide screens. */
@media (min-width:1100px){
.cw-today__list{grid-template-columns:1fr 1fr;column-gap:24px}
}

/* Design review 2026-10-22: a grip on the pipeline cards, a lifted card while dragging, a red Reject button. */
.cw-rec__cand[draggable="true"]::after{content:"";position:absolute;top:12px;right:10px;width:10px;height:16px;opacity:0;pointer-events:none;color:var(--rm,#5d5f72);background:radial-gradient(circle,currentColor 1.3px,transparent 1.6px) 0 0/5px 5px;transition:opacity .15s}
.cw-rec__cand[draggable="true"]:hover::after,.cw-rec__cand[draggable="true"]:focus-visible::after{opacity:.6}
.cw-rec__cand.is-drag{opacity:.9;box-shadow:0 12px 30px rgba(19,20,48,.18);transform:rotate(1deg)}
.cw-rec__rejacts .cw-btn.cw-rec__danger{background:#c0362c !important;border-color:#c0362c !important;color:#fff !important}
.cw-rec__rejacts .cw-btn.cw-rec__danger:hover{filter:brightness(.93)}
.cw-rec__rejacts .cw-btn.cw-rec__danger:focus-visible{outline:2px solid #c0362c;outline-offset:2px}