/* "Lucru" workspace. Every rule is scoped as body.brand-page.account-page #workPanel (specificity 1,3,1),
   with !important where brand.css's GOV.UK layer would otherwise win: transparent buttons, square corners,
   yellow focus, underlined links, 2px black inputs and th/td overrides. Drawer and dialogs live inside the panel.
   The --w-* tokens and the focus ring come from account-ui.css (the K-35 aliases of --ui-*, and the kit's one focus
   rule, which component rules here refine), so the palette is set once; the components below are Lucru's own. */
body.brand-page.account-page #workPanel{color:var(--w-text);font:400 14px/1.45 var(--w-font);-webkit-font-smoothing:antialiased}
body.brand-page.account-page #workPanel *,body.brand-page.account-page #workPanel *::before,body.brand-page.account-page #workPanel *::after{box-sizing:border-box}
body.brand-page.account-page #workPanel :is(h2,h3,h4,p,dl,dd,ol,ul,figure,blockquote){margin:0}
body.brand-page.account-page #workPanel :is(h2,h3,h4){font-family:var(--w-font);letter-spacing:0}
body.brand-page.account-page #workPanel .w-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.brand-page.account-page #workPanel .w-ico{display:block;flex:none;width:16px;height:16px}
body.brand-page.account-page #workPanel .w-muted{color:var(--w-faint)}
body.brand-page.account-page #workPanel .w-mono{font-family:var(--ig-mono,ui-monospace,monospace);font-size:12px;overflow-wrap:anywhere}

/* Buttons */
body.brand-page.account-page #workPanel .w-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;margin:0;padding:0 12px;border:1px solid var(--w-line-strong)!important;border-radius:6px!important;background:#fff!important;color:var(--w-text)!important;font:500 14px/1.2 var(--w-font)!important;text-decoration:none!important;text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:none!important;transition:background-color .15s,border-color .15s,color .15s}
body.brand-page.account-page #workPanel .w-btn:hover:not(:disabled){background:var(--w-hover)!important;border-color:#c4cad3!important;color:var(--w-ink)!important}
body.brand-page.account-page #workPanel .w-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--w-text)!important}
body.brand-page.account-page #workPanel .w-btn-primary{background:var(--w-accent)!important;border-color:var(--w-accent)!important;color:#fff!important;font-weight:600!important}
body.brand-page.account-page #workPanel .w-btn-primary:hover:not(:disabled){background:var(--w-accent-hover)!important;border-color:var(--w-accent-hover)!important;color:#fff!important}
body.brand-page.account-page #workPanel .w-btn-primary:disabled{color:#fff!important}
body.brand-page.account-page #workPanel .w-btn-ghost{border-color:transparent!important;background:transparent!important;color:#475467!important}
body.brand-page.account-page #workPanel .w-btn-ghost:hover:not(:disabled){background:var(--w-hover)!important;border-color:transparent!important}
body.brand-page.account-page #workPanel .w-btn-sm{min-height:28px;padding:0 10px;font-size:13px!important}
body.brand-page.account-page #workPanel .w-btn[aria-busy=true] .w-ico{animation:work-spin .8s linear infinite}
body.brand-page.account-page #workPanel .w-icon-btn{display:inline-grid;place-items:center;flex:none;width:32px;height:32px;margin:0;padding:0;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--w-muted)!important;cursor:pointer;box-shadow:none!important}
body.brand-page.account-page #workPanel .w-icon-btn:hover{background:var(--w-hover)!important;color:var(--w-ink)!important}
body.brand-page.account-page #workPanel .w-icon-btn .w-ico{width:18px;height:18px}
body.brand-page.account-page #workPanel .w-link-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--w-accent)!important;font:600 14px/1.3 var(--w-font);text-decoration:none!important}
body.brand-page.account-page #workPanel .w-link-btn:hover{color:var(--w-accent-hover)!important;text-decoration:underline!important;text-underline-offset:3px}
body.brand-page.account-page #workPanel .w-link-inline{display:inline;margin:0;padding:0;border:0!important;background:none!important;color:var(--w-accent)!important;font:600 13px/1.4 var(--w-font)!important;text-decoration:underline!important;text-underline-offset:2px;cursor:pointer;box-shadow:none!important}

/* Fields */
body.brand-page.account-page #workPanel .w-field{display:grid;gap:6px;min-width:0;margin:0}
body.brand-page.account-page #workPanel .w-fieldset{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}
body.brand-page.account-page #workPanel .w-fieldset>legend{margin-bottom:8px;padding:0}
body.brand-page.account-page #workPanel .w-label{color:var(--w-ink);font:600 13px/1.35 var(--w-font)}
body.brand-page.account-page #workPanel .w-label-sm{color:var(--w-muted);font:500 12px/1.35 var(--w-font)}
body.brand-page.account-page #workPanel .w-opt{color:var(--w-faint);font-weight:400}
body.brand-page.account-page #workPanel .w-input{display:block;width:100%;min-width:0;min-height:36px;margin:0;padding:7px 10px;border:1px solid var(--w-line-strong)!important;border-radius:6px!important;background:#fff!important;color:var(--w-ink)!important;font:400 14px/1.4 var(--w-font)!important;box-shadow:none!important;transition:border-color .15s}
body.brand-page.account-page #workPanel .w-input:hover:not(:disabled){border-color:#b3bac5!important}
body.brand-page.account-page #workPanel .w-input:focus-visible{outline:2px solid var(--w-accent)!important;outline-offset:0!important;border-color:var(--w-accent)!important;background-color:#fff!important;color:var(--w-ink)!important}
body.brand-page.account-page #workPanel .w-input::placeholder{color:var(--w-faint);opacity:1}
body.brand-page.account-page #workPanel textarea.w-input{min-height:84px;resize:vertical}
body.brand-page.account-page #workPanel select.w-input{-webkit-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:14px!important;cursor:pointer}
body.brand-page.account-page #workPanel .w-input-sm{min-height:28px;padding-top:3px;padding-bottom:3px;font-size:13px!important}
body.brand-page.account-page #workPanel .w-pair{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}
body.brand-page.account-page #workPanel .w-hint{color:var(--w-muted);font-size:12px;line-height:1.45}
body.brand-page.account-page #workPanel .w-form{display:grid;gap:12px}
body.brand-page.account-page #workPanel .w-form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
body.brand-page.account-page #workPanel .w-form-actions .w-hint{margin-right:auto}
body.brand-page.account-page #workPanel .w-form-error{padding:8px 10px;border:1px solid #fecdca;border-radius:6px;background:#fef3f2;color:#b42318;font-size:13px}
body.brand-page.account-page #workPanel .w-field-foot{display:flex;justify-content:space-between;gap:12px}
body.brand-page.account-page #workPanel .w-counter{flex:none;color:var(--w-faint);font-size:12px;font-variant-numeric:tabular-nums}
body.brand-page.account-page #workPanel .w-chips{display:flex;flex-wrap:wrap;gap:6px}
body.brand-page.account-page #workPanel .w-chip{min-height:28px;margin:0;padding:0 10px;border:1px solid var(--w-line-strong)!important;border-radius:999px!important;background:#fff!important;color:var(--w-text)!important;font:500 13px/1 var(--w-font)!important;text-decoration:none!important;cursor:pointer;box-shadow:none!important}
body.brand-page.account-page #workPanel .w-chip:hover:not(:disabled){border-color:#b3bac5!important;color:var(--w-ink)!important}
body.brand-page.account-page #workPanel .w-chip[aria-pressed=true]{border-color:var(--w-accent)!important;background:var(--w-accent-soft)!important;color:var(--w-accent)!important;font-weight:600!important}
body.brand-page.account-page #workPanel .w-chip:disabled{opacity:.45;cursor:not-allowed}
body.brand-page.account-page #workPanel .w-radios{display:grid;gap:6px}
body.brand-page.account-page #workPanel .w-radio{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;border:1px solid var(--w-line);border-radius:8px;color:var(--w-ink);font-size:14px;cursor:pointer}
body.brand-page.account-page #workPanel .w-radio:hover{border-color:var(--w-line-strong);background:var(--w-subtle)}
body.brand-page.account-page #workPanel .w-radio:has(input:checked){border-color:var(--w-accent);background:var(--w-accent-soft)}
body.brand-page.account-page #workPanel .w-radio input,body.brand-page.account-page #workPanel .w-check{width:16px;height:16px;margin:0;flex:none;accent-color:var(--w-accent);cursor:pointer}

/* Header, view switch and list tabs */
body.brand-page.account-page #workPanel .w-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;margin:0 0 12px}
body.brand-page.account-page #workPanel .w-heading{color:var(--w-ink);font:600 20px/28px var(--w-font);letter-spacing:-.01em}
body.brand-page.account-page #workPanel .w-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin-top:4px;color:var(--w-muted);font-size:13px;line-height:1.5}
body.brand-page.account-page #workPanel .w-summary time{color:inherit}
body.brand-page.account-page #workPanel .w-sum-alert{color:#b42318;font-weight:500}
body.brand-page.account-page #workPanel .w-dot-sep{color:var(--w-faint)}
body.brand-page.account-page #workPanel .w-head-text{flex:1 1 auto;min-width:0}
body.brand-page.account-page #workPanel .w-head-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body.brand-page.account-page #workPanel .w-seg{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--w-line);border-radius:8px;background:var(--w-subtle)}
body.brand-page.account-page #workPanel .w-seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;margin:0;padding:0 10px;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--w-muted)!important;font:500 13px/1.2 var(--w-font)!important;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:none!important}
body.brand-page.account-page #workPanel .w-seg-btn:hover:not(:disabled){color:var(--w-ink)!important}
body.brand-page.account-page #workPanel .w-seg-btn[aria-pressed=true]{background:#fff!important;color:var(--w-ink)!important;font-weight:600!important;box-shadow:0 0 0 1px var(--w-line)!important}
body.brand-page.account-page #workPanel .w-seg-btn:disabled{color:#c0c6cf!important;cursor:not-allowed}
/* The strip never clips: work.js moves the tabs that do not fit into "Mai multe" (horizontal scroll is only a fallback). */
body.brand-page.account-page #workPanel .w-views-bar{display:flex;align-items:stretch;gap:2px;min-width:0;margin:0 0 16px;box-shadow:inset 0 -1px 0 var(--w-line)}
body.brand-page.account-page #workPanel .w-views{display:flex;flex:1 1 auto;gap:2px;min-width:0;margin:0;padding:0 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#d0d5dd transparent}
body.brand-page.account-page #workPanel .w-view{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:40px;margin:0;padding:2px 12px 0;border:0!important;border-bottom:2px solid transparent!important;border-radius:6px 6px 0 0!important;background:transparent!important;color:var(--w-muted)!important;font:500 14px/1.2 var(--w-font)!important;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:none!important}
body.brand-page.account-page #workPanel .w-view:hover{background:var(--w-subtle)!important;color:var(--w-ink)!important}
body.brand-page.account-page #workPanel .w-view[aria-selected=true]{border-bottom-color:var(--w-accent)!important;color:var(--w-ink)!important;font-weight:600!important}
body.brand-page.account-page #workPanel .w-view:focus-visible{outline-offset:-2px!important}
body.brand-page.account-page #workPanel .w-view-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--w-hover);color:#475467;font:500 12px/20px var(--w-font);text-align:center;font-variant-numeric:tabular-nums}
body.brand-page.account-page #workPanel .w-view-count:empty{display:none}
body.brand-page.account-page #workPanel .w-view[aria-selected=true] .w-view-count{background:var(--w-accent-soft);color:var(--w-accent)}
body.brand-page.account-page #workPanel .w-view[data-alert=true] .w-view-count{background:#fef3f2;color:#b42318}

/* Filters: a direct-child .control-toolbar, placed in the shell's right column (or above the list on small
   screens). The shell owns its position and visibility; only its surface and contents are styled here. */
body.brand-page.account-page #workPanel>.w-filters{container:workfilters/inline-size;margin:0 0 16px;padding:16px!important;border:1px solid var(--w-line)!important;border-radius:8px!important;background:var(--w-subtle)!important;box-shadow:none!important}
body.brand-page.account-page #workPanel .w-filters-in{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
body.brand-page.account-page #workPanel .w-search{position:relative;display:block}
body.brand-page.account-page #workPanel .w-search .w-ico{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:var(--w-faint);pointer-events:none}
body.brand-page.account-page #workPanel .w-search .w-input{padding-left:32px}
body.brand-page.account-page #workPanel .w-search .w-input::-webkit-search-cancel-button{cursor:pointer}
body.brand-page.account-page #workPanel .w-facets{display:grid;gap:2px}
body.brand-page.account-page #workPanel .w-facet{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;margin:0;padding:0 8px;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--w-text)!important;font:500 13px/1.2 var(--w-font)!important;text-align:left;text-decoration:none!important;cursor:pointer;box-shadow:none!important}
body.brand-page.account-page #workPanel .w-facet .w-ico{color:var(--w-faint)}
body.brand-page.account-page #workPanel .w-facet:hover{background:#fff!important;color:var(--w-ink)!important}
body.brand-page.account-page #workPanel .w-facet[aria-pressed=true]{background:#fff!important;color:var(--w-accent)!important;font-weight:600!important;box-shadow:0 0 0 1px var(--w-line)!important}
body.brand-page.account-page #workPanel .w-facet[aria-pressed=true] .w-ico{color:var(--w-accent)}
body.brand-page.account-page #workPanel .w-facet-label{flex:1;min-width:0}
body.brand-page.account-page #workPanel .w-facet-count{color:var(--w-muted);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
body.brand-page.account-page #workPanel .w-reset{justify-self:start;margin-left:-8px}
/* Wider than the side column (its content box is 246px; a 320px phone gives 254px): kinds become chips; from 280px
   the two selects also share a row. */
@container workfilters (min-width:250px){
  body.brand-page.account-page #workPanel .w-facets{display:flex;flex-wrap:wrap;gap:6px}
  body.brand-page.account-page #workPanel .w-facet{width:auto;border:1px solid var(--w-line)!important;background:#fff!important}
  body.brand-page.account-page #workPanel .w-facet[aria-pressed=true]{border-color:var(--w-accent)!important;background:var(--w-accent-soft)!important;box-shadow:none!important}
  body.brand-page.account-page #workPanel .w-facet-label{flex:none}
}
@container workfilters (min-width:280px){
  body.brand-page.account-page #workPanel .w-filters-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body.brand-page.account-page #workPanel :is(.w-field-search,.w-field-kinds,.w-reset){grid-column:1/-1}
}
@container workfilters (min-width:640px){
  body.brand-page.account-page #workPanel .w-filters-in{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}
  body.brand-page.account-page #workPanel .w-field-kinds{flex:1 1 100%;order:-1}
  body.brand-page.account-page #workPanel .w-field-search{flex:1 1 220px}
  body.brand-page.account-page #workPanel .w-filters-in>.w-field:not(.w-field-search):not(.w-field-kinds){flex:0 1 190px}
  body.brand-page.account-page #workPanel .w-reset{align-self:center;margin-left:0}
}

body.brand-page.account-page #workPanel .w-warning{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid #fedf89;border-radius:8px;background:#fffaeb;color:#93370d;font-size:13px;line-height:1.45}
body.brand-page.account-page #workPanel .w-warning .w-ico{margin-top:1px;color:#dc6803}
body.brand-page.account-page #workPanel .w-region{container:worklist/inline-size;scroll-margin-top:calc(var(--work-sticky,120px) + 16px);transition:opacity .15s}
body.brand-page.account-page #workPanel .w-region[aria-busy=true]{opacity:.6}

/* List: a real table with a sticky header (sticks under the site bar and the account top bar). */
body.brand-page.account-page #workPanel .w-table-wrap{border:1px solid var(--w-line);border-radius:8px;background:#fff}
body.brand-page.account-page #workPanel .w-table{width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px}
body.brand-page.account-page #workPanel .w-table th{position:sticky;top:var(--work-sticky,120px);z-index:2;height:38px;padding:0 12px;border:0!important;border-bottom:1px solid var(--w-line)!important;background:var(--w-subtle)!important;color:#475467!important;font:600 12px/1.2 var(--w-font)!important;text-align:left;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
body.brand-page.account-page #workPanel .w-table thead th:first-child{border-top-left-radius:7px}
body.brand-page.account-page #workPanel .w-table thead th:last-child{border-top-right-radius:7px}
body.brand-page.account-page #workPanel .w-table td{padding:10px 12px;border:0!important;border-bottom:1px solid var(--w-line)!important;background:#fff;color:var(--w-text);vertical-align:middle;overflow:hidden}
body.brand-page.account-page #workPanel .w-table tbody tr:last-child td{border-bottom:0!important}
body.brand-page.account-page #workPanel .w-table tbody tr:last-child td:first-child{border-bottom-left-radius:7px}
body.brand-page.account-page #workPanel .w-table tbody tr:last-child td:last-child{border-bottom-right-radius:7px}
body.brand-page.account-page #workPanel .w-c-check{width:40px;padding-right:0!important;text-align:center}
body.brand-page.account-page #workPanel .w-c-status{width:132px}
body.brand-page.account-page #workPanel .w-c-owner{width:140px}
body.brand-page.account-page #workPanel .w-c-due{width:108px}
body.brand-page.account-page #workPanel .w-c-next{width:22%}
/* .w-table keeps the muted colour above the cell rule (.w-table td); a long relative time ends with an ellipsis. */
body.brand-page.account-page #workPanel .w-table .w-c-activity{width:96px;color:var(--w-muted);font-size:13px;white-space:nowrap;text-overflow:ellipsis}
body.brand-page.account-page #workPanel .w-c-action{width:104px;text-align:right}
body.brand-page.account-page #workPanel .w-row{cursor:pointer;scroll-margin-top:calc(var(--work-sticky,120px) + 48px);scroll-margin-bottom:96px}
body.brand-page.account-page #workPanel .w-row>td:first-child{box-shadow:inset 3px 0 0 var(--w-sev,transparent)}
body.brand-page.account-page #workPanel [data-severity=critical]{--w-sev:var(--w-critical)}
body.brand-page.account-page #workPanel [data-severity=warning]{--w-sev:var(--w-warning)}
body.brand-page.account-page #workPanel [data-severity=info]{--w-sev:var(--w-info)}
body.brand-page.account-page #workPanel .w-row:hover>td{background:var(--w-subtle)}
body.brand-page.account-page #workPanel .w-row[data-selected]>td{background:#f5f8ff}
body.brand-page.account-page #workPanel .w-row[aria-current=true]>td{background:var(--w-accent-soft)}
body.brand-page.account-page #workPanel .w-row.is-skeleton{cursor:default}
body.brand-page.account-page #workPanel .w-row.is-skeleton>td{background:#fff}
body.brand-page.account-page #workPanel .w-item{display:flex;align-items:flex-start;gap:10px;min-width:0}
body.brand-page.account-page #workPanel .w-item-text{display:grid;gap:2px;min-width:0}
body.brand-page.account-page #workPanel .w-kind{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:6px;background:var(--w-hover);color:#475467}
body.brand-page.account-page #workPanel .w-kind[data-kind=ticket]{background:#fff6ed;color:#c4320a}
body.brand-page.account-page #workPanel .w-kind[data-kind=case]{background:var(--w-accent-soft);color:var(--w-accent)}
body.brand-page.account-page #workPanel .w-kind[data-kind=flow]{background:#f0fdf9;color:#107569}
body.brand-page.account-page #workPanel .w-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;margin:0;padding:0;border:0!important;border-radius:3px!important;background:transparent!important;color:var(--w-ink)!important;font:600 14px/1.4 var(--w-font)!important;text-align:left;text-decoration:none!important;overflow-wrap:anywhere;cursor:pointer;box-shadow:none!important}
body.brand-page.account-page #workPanel .w-title:hover,body.brand-page.account-page #workPanel [aria-current=true] .w-title{color:var(--w-accent)!important}
body.brand-page.account-page #workPanel .w-sub{display:block;overflow:hidden;color:var(--w-muted);font-size:13px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}
body.brand-page.account-page #workPanel .w-next{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--w-text);font-size:13px;line-height:1.45}
body.brand-page.account-page #workPanel .w-next.is-derived{color:var(--w-muted)}
/* The next step as a line under the subtitle, for widths without its own column. */
body.brand-page.account-page #workPanel .w-item-next{display:none;align-items:center;gap:4px;min-width:0;color:var(--w-text);font-size:13px;line-height:1.4}
body.brand-page.account-page #workPanel .w-item-next.is-derived{color:var(--w-muted)}
body.brand-page.account-page #workPanel .w-item-next .w-ico{width:12px;height:12px;color:var(--w-faint)}
body.brand-page.account-page #workPanel .w-item-next-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.brand-page.account-page #workPanel .w-none{color:var(--w-faint);font-size:13px;white-space:nowrap}

/* Status pills, people, deadlines */
body.brand-page.account-page #workPanel .w-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:22px;padding:0 9px 0 8px;border-radius:999px;background:var(--w-hover);color:#475467;font:500 12px/1 var(--w-font);white-space:nowrap;vertical-align:middle}
body.brand-page.account-page #workPanel .w-pill-text{overflow:hidden;text-overflow:ellipsis}
body.brand-page.account-page #workPanel .w-pill-on{display:block;margin-top:3px;color:var(--w-muted);font-size:12px;line-height:1.3}
body.brand-page.account-page #workPanel .w-pill-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
body.brand-page.account-page #workPanel [data-status=new]{--w-st:#475467;--w-st-bg:#f2f4f7}
body.brand-page.account-page #workPanel [data-status=acknowledged]{--w-st:#175cd3;--w-st-bg:#eff8ff}
body.brand-page.account-page #workPanel [data-status=in_progress]{--w-st:#6941c6;--w-st-bg:#f4f3ff}
body.brand-page.account-page #workPanel [data-status=waiting]{--w-st:#b54708;--w-st-bg:#fffaeb}
body.brand-page.account-page #workPanel [data-status=resolved]{--w-st:#067647;--w-st-bg:#ecfdf3}
body.brand-page.account-page #workPanel .w-pill[data-status]{background:var(--w-st-bg);color:var(--w-st)}
body.brand-page.account-page #workPanel .w-pill-dot[data-status]{color:var(--w-st)}
body.brand-page.account-page #workPanel .w-person{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-width:0;vertical-align:middle}
body.brand-page.account-page #workPanel .w-person-name{overflow:hidden;color:var(--w-ink);font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
body.brand-page.account-page #workPanel .w-avatar{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--w-accent-soft);color:var(--w-accent);font:600 10px/1 var(--w-font);letter-spacing:.02em}
body.brand-page.account-page #workPanel .w-avatar[data-tone="1"]{background:#f4f3ff;color:#5925dc}
body.brand-page.account-page #workPanel .w-avatar[data-tone="2"]{background:#ecfdf3;color:#067647}
body.brand-page.account-page #workPanel .w-avatar[data-tone="3"]{background:#fff6ed;color:#c4320a}
body.brand-page.account-page #workPanel .w-avatar[data-tone="4"]{background:#fdf2fa;color:#c11574}
body.brand-page.account-page #workPanel .w-avatar[data-tone="5"]{background:#f0f9ff;color:#026aa2}
body.brand-page.account-page #workPanel .w-offer-line{display:block;margin-top:2px;color:var(--w-accent);font-size:12px;font-weight:500}
body.brand-page.account-page #workPanel .w-offer-line span{color:var(--w-muted);font-weight:400;white-space:nowrap}
body.brand-page.account-page #workPanel .w-offer-line.is-mine{color:#b54708}
body.brand-page.account-page #workPanel .w-c-owner .w-offer-line:first-child{margin-top:0}
body.brand-page.account-page #workPanel .w-due{display:inline-flex;align-items:center;gap:4px;color:var(--w-text);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
body.brand-page.account-page #workPanel .w-due.is-overdue{color:#b42318;font-weight:600}
body.brand-page.account-page #workPanel .w-due .w-ico{width:14px;height:14px}
/* The row action shows on hover or keyboard focus; an offer waiting for you stays visible. */
body.brand-page.account-page #workPanel .w-c-action .w-btn{opacity:0;transition:opacity .12s}
body.brand-page.account-page #workPanel .w-row:is(:hover,:focus-within) .w-c-action .w-btn,body.brand-page.account-page #workPanel .w-c-action .w-btn.is-pinned{opacity:1}
@media (hover:none){body.brand-page.account-page #workPanel .w-c-action .w-btn{opacity:1}}

/* Column tiers follow the list's real width (menu, filter column and viewport all change it). With the default shell
   the list is 657–832px wide on 1280–1920px screens (filters beside it) and 720–1136px below 1280px or with the
   filters hidden. Wide (≥1080px) → every column; table (640–1079px) → "Următorul pas" moves under the subtitle and
   "Activitate" goes; compact (<760px) → narrower fixed columns; narrow (<640px) → each row becomes a card. */
@container worklist (max-width:1079px){
  body.brand-page.account-page #workPanel .w-table :is(.w-c-next,.w-c-activity){display:none}
  body.brand-page.account-page #workPanel .w-table .w-item-next{display:flex}
  body.brand-page.account-page #workPanel .w-table .w-c-status{width:124px}
  body.brand-page.account-page #workPanel .w-table .w-c-owner{width:128px}
  body.brand-page.account-page #workPanel .w-table .w-c-due{width:108px}
  body.brand-page.account-page #workPanel .w-table .w-c-action{width:100px}
}
@container worklist (max-width:759px){
  body.brand-page.account-page #workPanel .w-table .w-c-status{width:112px}
  body.brand-page.account-page #workPanel .w-table .w-c-owner{width:112px}
  body.brand-page.account-page #workPanel .w-table .w-c-due{width:92px}
  body.brand-page.account-page #workPanel .w-table .w-c-action{width:96px}
  body.brand-page.account-page #workPanel .w-table .w-due{white-space:normal}
  body.brand-page.account-page #workPanel .w-table .w-c-owner .w-offer-line span{display:none}
  body.brand-page.account-page #workPanel .w-table td{padding-left:10px;padding-right:10px}
}
@container worklist (max-width:639px){
  body.brand-page.account-page #workPanel .w-table .w-c-owner .w-offer-line span{display:inline}
  body.brand-page.account-page #workPanel .w-table .w-item-next{display:none}
  body.brand-page.account-page #workPanel .w-table-wrap{border-radius:8px}
  body.brand-page.account-page #workPanel .w-table,body.brand-page.account-page #workPanel .w-table tbody{display:block}
  body.brand-page.account-page #workPanel .w-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  /* The title takes the card's full width; state, deadline, owner and action share the rows below it. */
  body.brand-page.account-page #workPanel .w-table tr.w-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"check item item" "check status due" "check owner action" "check next next";align-items:center;gap:6px 12px;padding:12px 12px 12px 14px;border-bottom:1px solid var(--w-line);box-shadow:inset 3px 0 0 var(--w-sev,transparent)}
  body.brand-page.account-page #workPanel .w-table tbody tr.w-row:last-child{border-bottom:0}
  body.brand-page.account-page #workPanel .w-table tr.w-row:hover{background:var(--w-subtle)}
  body.brand-page.account-page #workPanel .w-table tr.w-row[data-selected]{background:#f5f8ff}
  body.brand-page.account-page #workPanel .w-table tr.w-row[aria-current=true]{background:var(--w-accent-soft)}
  body.brand-page.account-page #workPanel .w-table tr.w-row>td{display:block;width:auto;min-width:0;padding:0;border:0!important;background:transparent!important;box-shadow:none;border-radius:0!important}
  body.brand-page.account-page #workPanel .w-table .w-c-check{grid-area:check;align-self:start;padding-top:2px!important;text-align:left}
  body.brand-page.account-page #workPanel .w-table .w-c-item{grid-area:item}
  body.brand-page.account-page #workPanel .w-table .w-c-status{grid-area:status;justify-self:start;max-width:100%}
  body.brand-page.account-page #workPanel .w-table .w-c-owner{grid-area:owner;display:flex!important;flex-wrap:wrap;align-items:center;gap:2px 10px}
  body.brand-page.account-page #workPanel .w-table .w-c-owner .w-offer-line{margin:0}
  body.brand-page.account-page #workPanel .w-table .w-c-due{grid-area:due;justify-self:end}
  body.brand-page.account-page #workPanel .w-table .w-c-due .w-muted{display:none}
  body.brand-page.account-page #workPanel .w-table .w-c-next{grid-area:next;display:block!important}
  body.brand-page.account-page #workPanel .w-table .w-c-next .w-muted{display:none}
  body.brand-page.account-page #workPanel .w-table .w-c-action{grid-area:action;justify-self:end;text-align:right}
  body.brand-page.account-page #workPanel .w-table .w-c-action .w-btn{opacity:1}
  body.brand-page.account-page #workPanel .w-table .w-c-action [data-row-action=open]{display:none}
  body.brand-page.account-page #workPanel .w-table .w-c-activity{display:none!important}
  body.brand-page.account-page #workPanel .w-row.is-skeleton{grid-template-areas:"check item item" "check status due" "check owner owner"}
  body.brand-page.account-page #workPanel .w-row.is-skeleton :is(.w-c-next,.w-c-action){display:none!important}
}

/* Board: five status columns; cards move by drag and drop (the drawer is the keyboard and touch path). */
body.brand-page.account-page #workPanel .w-board{display:grid;grid-template-columns:repeat(5,minmax(184px,1fr));gap:12px;padding:0 0 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
body.brand-page.account-page #workPanel .w-col{display:flex;flex-direction:column;min-width:0;min-height:260px;border:1px solid var(--w-line);border-radius:8px;background:var(--w-subtle);scroll-snap-align:start;transition:border-color .15s,background-color .15s,opacity .15s}
body.brand-page.account-page #workPanel .w-col-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--w-line)}
body.brand-page.account-page #workPanel .w-col-title{flex:1;min-width:0;color:var(--w-ink);font:600 13px/1.3 var(--w-font)}
body.brand-page.account-page #workPanel .w-col-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#fff;color:#475467;font:500 12px/20px var(--w-font);text-align:center;box-shadow:0 0 0 1px var(--w-line)}
body.brand-page.account-page #workPanel .w-col-body{display:grid;align-content:start;gap:8px;flex:1;padding:8px}
body.brand-page.account-page #workPanel .w-col-empty{padding:16px 8px;color:var(--w-faint);font-size:13px;text-align:center}
body.brand-page.account-page #workPanel .w-col[data-drop=ok]{border-style:dashed;border-color:#98b2f5}
body.brand-page.account-page #workPanel .w-col[data-drop=no]{opacity:.55}
body.brand-page.account-page #workPanel .w-col.is-over{border-style:solid;border-color:var(--w-accent);background:var(--w-accent-soft);opacity:1}
body.brand-page.account-page #workPanel .w-card{display:grid;gap:6px;min-width:0;padding:10px 12px 10px 14px;border:1px solid var(--w-line);border-radius:8px;background:#fff;box-shadow:inset 3px 0 0 var(--w-sev,var(--w-line-strong));cursor:grab;transition:border-color .15s}
body.brand-page.account-page #workPanel .w-card:hover{border-color:#c4cad3}
body.brand-page.account-page #workPanel .w-card[aria-current=true]{border-color:var(--w-accent);background:#fbfcff}
body.brand-page.account-page #workPanel .w-card.is-dragging{opacity:.45;cursor:grabbing}
body.brand-page.account-page #workPanel .w-card-top{display:flex;align-items:center;gap:8px;min-width:0}
body.brand-page.account-page #workPanel .w-card-top .w-kind{width:22px;height:22px;border-radius:5px}
body.brand-page.account-page #workPanel .w-card-top .w-kind .w-ico{width:13px;height:13px}
body.brand-page.account-page #workPanel .w-card-sub{overflow:hidden;min-width:0;color:var(--w-muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis}
body.brand-page.account-page #workPanel .w-card-title{font-size:inherit;line-height:inherit}
body.brand-page.account-page #workPanel .w-card-title .w-title{-webkit-line-clamp:3;font-size:13px!important}
body.brand-page.account-page #workPanel .w-card-wait{color:#b54708;font-size:12px}
body.brand-page.account-page #workPanel .w-card-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;min-width:0}
body.brand-page.account-page #workPanel .w-card-foot .w-due{font-size:12px}
@container worklist (max-width:559px){
  body.brand-page.account-page #workPanel .w-board{grid-template-columns:repeat(5,86%);gap:10px;scroll-snap-type:x mandatory}
}

/* Empty, error and loading states */
body.brand-page.account-page #workPanel .w-state{display:grid;justify-items:center;gap:8px;padding:56px 24px;border:1px solid var(--w-line);border-radius:8px;background:#fff;text-align:center}
body.brand-page.account-page #workPanel .w-state.is-compact{padding:32px 16px;border:0}
body.brand-page.account-page #workPanel .w-state-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:4px;border-radius:50%;background:var(--w-hover);color:#475467}
body.brand-page.account-page #workPanel .w-state-icon .w-ico{width:20px;height:20px}
body.brand-page.account-page #workPanel .w-state.is-error .w-state-icon,body.brand-page.account-page #workPanel .is-compact .w-state-icon{background:#fef3f2;color:#d92d20}
body.brand-page.account-page #workPanel .w-state-title{color:var(--w-ink);font:600 15px/1.4 var(--w-font)}
body.brand-page.account-page #workPanel .w-state-text{max-width:46ch;margin-bottom:8px;color:var(--w-muted);font-size:13px;line-height:1.5}
body.brand-page.account-page #workPanel .w-inline-error{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#b42318;font-size:13px}
body.brand-page.account-page #workPanel .w-skel{display:block;width:62%;height:10px;margin:4px 0;border-radius:4px;background:linear-gradient(90deg,#eef1f5 25%,#f7f8fa 50%,#eef1f5 75%);background-size:200% 100%;animation:work-shimmer 1.4s ease-in-out infinite}
body.brand-page.account-page #workPanel .w-skel-lg{width:78%;height:12px}
body.brand-page.account-page #workPanel .w-skel-sm{width:40%}
body.brand-page.account-page #workPanel .w-skel-pill{width:72px;height:20px;border-radius:999px}
body.brand-page.account-page #workPanel .w-skel-block{width:100%;height:120px;margin-top:16px;border-radius:8px}
body.brand-page.account-page #workPanel .w-drawer-skel{display:grid;gap:10px;padding:8px 0}
@keyframes work-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes work-spin{to{transform:rotate(360deg)}}

/* Pages, selection bar, shortcuts */
body.brand-page.account-page #workPanel .w-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0 0;color:var(--w-muted);font-size:13px}
body.brand-page.account-page #workPanel .w-pager-text{margin-right:4px;font-variant-numeric:tabular-nums}
body.brand-page.account-page #workPanel .w-bulk{position:sticky;bottom:16px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;padding:8px 8px 8px 16px;border-radius:10px;background:var(--w-ink);color:#fff}
body.brand-page.account-page #workPanel .w-bulk-count{margin-right:4px;color:#fff;font-size:14px;white-space:nowrap}
body.brand-page.account-page #workPanel .w-bulk-count strong{font-weight:600;font-variant-numeric:tabular-nums}
body.brand-page.account-page #workPanel .w-bulk-sep{width:1px;height:20px;background:#475467}
body.brand-page.account-page #workPanel .w-btn-dark{border-color:#475467!important;background:#1d2939!important;color:#fff!important}
body.brand-page.account-page #workPanel .w-btn-dark:hover:not(:disabled){border-color:#667085!important;background:#344054!important;color:#fff!important}
body.brand-page.account-page #workPanel .w-btn-dark:disabled{color:#98a2b3!important}
body.brand-page.account-page #workPanel .w-btn-dark-ghost{margin-left:auto;border-color:transparent!important;background:transparent!important;color:#d0d5dd!important}
body.brand-page.account-page #workPanel .w-btn-dark-ghost:hover:not(:disabled){border-color:transparent!important;background:#344054!important;color:#fff!important}
body.brand-page.account-page #workPanel .w-bulk-move{display:block;min-width:0}
body.brand-page.account-page #workPanel select.w-input-dark{width:auto;border-color:#475467!important;background-color:#1d2939!important;color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d0d5dd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important}
body.brand-page.account-page #workPanel .w-input-dark:focus-visible{border-color:#fff!important;background-color:#1d2939!important;color:#fff!important}
body.brand-page.account-page #workPanel .w-input-dark option{background:#fff;color:var(--w-ink)}
body.brand-page.account-page #workPanel .w-bulk :focus-visible{outline-color:#fff!important}
body.brand-page.account-page #workPanel .w-keys{margin:12px 0 0;color:var(--w-faint);font-size:12px;line-height:1.8}
body.brand-page.account-page #workPanel kbd{display:inline-block;min-width:20px;padding:0 5px;border:1px solid var(--w-line-strong);border-bottom-width:2px;border-radius:4px;background:#fff;color:var(--w-text);font:500 11px/16px var(--ig-mono,ui-monospace,monospace);text-align:center}
@media (hover:none),(max-width:1023px){body.brand-page.account-page #workPanel .w-keys,body.brand-page.account-page #workPanel .w-hint-keys{display:none}}

/* Drawer: fixed under the site bar and the sticky account top bar (Filtre, account and "Ieși din cont" stay
   reachable), below the site menus; the list stays usable. Row actions hide while it is open: at 1024–1800px the drawer
   covers the list's right columns, and keyboard focus must not land on a button hidden under it. */
body.brand-page.account-page #workPanel.w-drawer-open .w-c-action .w-btn{visibility:hidden}
body.brand-page.account-page #workPanel .w-drawer{position:fixed;top:var(--work-sticky,120px);right:0;bottom:0;z-index:110;display:flex;flex-direction:column;width:min(480px,100vw);margin:0;border-left:1px solid var(--w-line);background:#fff;color:var(--w-text);box-shadow:-24px 0 48px -16px rgba(16,24,40,.18);visibility:hidden;transform:translateX(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s}
body.brand-page.account-page #workPanel .w-drawer.is-open{visibility:visible;transform:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s}
body.brand-page.account-page #workPanel .w-drawer-head{display:flex;align-items:flex-start;gap:12px;padding:16px 12px 14px 20px;border-bottom:1px solid var(--w-line)}
body.brand-page.account-page #workPanel .w-drawer-headline{flex:1;min-width:0}
body.brand-page.account-page #workPanel .w-drawer-kicker{display:flex;align-items:center;gap:6px;min-width:0;margin:0 0 6px;color:var(--w-muted);font-size:12px;font-weight:500}
body.brand-page.account-page #workPanel .w-drawer-kicker .w-kind{width:20px;height:20px;border-radius:5px}
body.brand-page.account-page #workPanel .w-drawer-kicker .w-kind .w-ico{width:12px;height:12px}
body.brand-page.account-page #workPanel .w-kicker-sub{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}
body.brand-page.account-page #workPanel .w-drawer-title{color:var(--w-ink);font:600 18px/1.35 var(--w-font);overflow-wrap:anywhere;border-radius:4px}
body.brand-page.account-page #workPanel .w-drawer-title:focus-visible{outline-offset:4px!important}
body.brand-page.account-page #workPanel .w-drawer-tools{display:flex;gap:2px;margin-top:-4px}
body.brand-page.account-page #workPanel .w-drawer-body{flex:1;min-height:0;padding:16px 20px 32px;overflow-y:auto;overscroll-behavior:contain}
body.brand-page.account-page #workPanel .w-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin:0 0 16px}
body.brand-page.account-page #workPanel .w-fact{display:grid;gap:4px;min-width:0}
body.brand-page.account-page #workPanel .w-fact dt{color:var(--w-muted);font-size:12px;font-weight:500}
body.brand-page.account-page #workPanel .w-fact dd{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;margin:0}
body.brand-page.account-page #workPanel .w-fact-note{color:var(--w-muted);font-size:12px}
body.brand-page.account-page #workPanel .w-sev{display:inline-flex;align-items:center;gap:6px;color:var(--w-ink);font-size:13px;font-weight:500}
body.brand-page.account-page #workPanel .w-sev::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--w-sev,var(--w-faint))}
body.brand-page.account-page #workPanel .w-offer{display:grid;gap:6px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--w-accent-line);border-radius:8px;background:var(--w-accent-soft)}
body.brand-page.account-page #workPanel .w-offer.is-mine{border-color:#fedf89;background:#fffaeb}
body.brand-page.account-page #workPanel .w-offer-title{color:var(--w-ink);font-size:14px;line-height:1.45}
body.brand-page.account-page #workPanel .w-offer-meta{color:var(--w-muted);font-size:12px}
body.brand-page.account-page #workPanel .w-offer-meta:empty{display:none}
body.brand-page.account-page #workPanel .w-offer-note{padding:8px 10px;border-left:2px solid var(--w-line-strong);background:#fff;color:var(--w-text);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0 6px 6px 0}
body.brand-page.account-page #workPanel .w-offer .w-actions{margin:4px 0 0}
body.brand-page.account-page #workPanel .w-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
body.brand-page.account-page #workPanel .w-section{display:grid;gap:10px;padding:16px 0;border-top:1px solid var(--w-line)}
body.brand-page.account-page #workPanel .w-section-title{display:flex;align-items:center;gap:6px;color:var(--w-muted);font:600 12px/1.2 var(--w-font);letter-spacing:.04em;text-transform:uppercase}
body.brand-page.account-page #workPanel .w-section-count{padding:0 6px;border-radius:999px;background:var(--w-hover);color:#475467;font-size:11px;line-height:18px;letter-spacing:0}
body.brand-page.account-page #workPanel .w-text{color:var(--w-text);font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-seg-wide{display:flex;flex-wrap:wrap;width:100%}
body.brand-page.account-page #workPanel .w-seg-wide .w-seg-btn{flex:1 1 auto}
body.brand-page.account-page #workPanel .w-seg-btn[data-set-status][aria-pressed=true]::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--w-st,var(--w-accent))}
body.brand-page.account-page #workPanel [data-set-status=new]{--w-st:#475467}
body.brand-page.account-page #workPanel [data-set-status=acknowledged]{--w-st:#175cd3}
body.brand-page.account-page #workPanel [data-set-status=in_progress]{--w-st:#6941c6}
body.brand-page.account-page #workPanel [data-set-status=waiting]{--w-st:#b54708}
body.brand-page.account-page #workPanel [data-set-status=resolved]{--w-st:#067647}
body.brand-page.account-page #workPanel .w-wait{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:12px;border:1px solid #fedf89;border-radius:8px;background:#fffaeb}
body.brand-page.account-page #workPanel .w-wait .w-field{flex:1 1 180px}
body.brand-page.account-page #workPanel .w-dl{display:grid;grid-template-columns:minmax(104px,38%) minmax(0,1fr);gap:8px 12px;margin:0}
body.brand-page.account-page #workPanel .w-dl>div{display:contents}
body.brand-page.account-page #workPanel .w-dl dt{color:var(--w-muted);font-size:13px}
body.brand-page.account-page #workPanel .w-dl dd{min-width:0;margin:0;color:var(--w-ink);font-size:13px;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-people{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
body.brand-page.account-page #workPanel .w-stale{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 12px;padding:8px 10px;border:1px solid var(--w-accent-line);border-radius:6px;background:var(--w-accent-soft);color:var(--w-ink);font-size:13px}
body.brand-page.account-page #workPanel .w-timeline{display:grid;margin:0;padding:0;list-style:none}
body.brand-page.account-page #workPanel .w-event{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;padding:0 0 14px}
body.brand-page.account-page #workPanel .w-event::before{content:"";position:absolute;top:14px;bottom:-2px;left:5px;width:1px;background:var(--w-line)}
body.brand-page.account-page #workPanel .w-event:last-child{padding-bottom:4px}
body.brand-page.account-page #workPanel .w-event:last-child::before{display:none}
body.brand-page.account-page #workPanel .w-event-dot{width:9px;height:9px;margin:5px 0 0 1px;border:2px solid #fff;border-radius:50%;background:var(--w-faint);box-shadow:0 0 0 1px var(--w-line-strong)}
body.brand-page.account-page #workPanel .w-event[data-source=work] .w-event-dot{background:var(--w-accent);box-shadow:0 0 0 1px var(--w-accent-line)}
body.brand-page.account-page #workPanel .w-event-body{display:grid;gap:2px;min-width:0}
body.brand-page.account-page #workPanel .w-event-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;color:var(--w-ink);font-size:13px;line-height:1.45}
body.brand-page.account-page #workPanel .w-event-head strong{font-weight:600}
body.brand-page.account-page #workPanel .w-event-actor{color:var(--w-muted)}
body.brand-page.account-page #workPanel .w-event-actor::before{content:"· "}
body.brand-page.account-page #workPanel .w-event-msg{color:var(--w-text);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-event-time{color:var(--w-faint);font-size:12px}

/* Dialogs (showModal, top layer) */
body.brand-page.account-page #workPanel .w-dialog{width:min(520px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:12px;background:#fff;color:var(--w-text);box-shadow:0 24px 48px -12px rgba(16,24,40,.3);overflow:hidden}
body.brand-page.account-page #workPanel .w-dialog-sm{width:min(440px,calc(100vw - 32px))}
body.brand-page.account-page #workPanel .w-dialog-lg{width:min(640px,calc(100vw - 32px))}
body.brand-page.account-page #workPanel .w-dialog::backdrop{background:rgba(16,24,40,.45)}
body.brand-page.account-page #workPanel .w-dialog[open]{animation:work-dialog-in .16s ease-out}
body.brand-page.account-page #workPanel .w-dialog-form{display:flex;flex-direction:column;max-height:calc(100dvh - 48px);margin:0}
body.brand-page.account-page #workPanel .w-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 16px 12px 20px}
body.brand-page.account-page #workPanel .w-dialog-head>div{min-width:0}
body.brand-page.account-page #workPanel .w-dialog-title{color:var(--w-ink);font:600 17px/1.35 var(--w-font)}
body.brand-page.account-page #workPanel .w-dialog-sub{margin-top:2px;overflow:hidden;color:var(--w-muted);font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
body.brand-page.account-page #workPanel .w-dialog-body{display:grid;gap:16px;padding:4px 20px 20px;overflow-y:auto}
body.brand-page.account-page #workPanel .w-dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--w-line);background:var(--w-subtle)}
@keyframes work-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

/* Small screens: full-screen drawer, bottom-sheet dialogs, 16px fields (no iOS zoom), icon-only header tools. */
@media (max-width:767px){
  body.brand-page.account-page #workPanel .w-drawer{width:100vw;border-left:0;box-shadow:none}
  body.brand-page.account-page #workPanel .w-drawer-head{padding:12px 8px 12px 16px}
  body.brand-page.account-page #workPanel .w-drawer-body{padding:16px 16px calc(32px + env(safe-area-inset-bottom))}
  body.brand-page.account-page #workPanel .w-dialog,body.brand-page.account-page #workPanel .w-dialog-sm,body.brand-page.account-page #workPanel .w-dialog-lg{width:100vw;max-height:92dvh;margin:auto 0 0;border-radius:16px 16px 0 0}
  body.brand-page.account-page #workPanel .w-dialog-form{max-height:92dvh}
  body.brand-page.account-page #workPanel .w-dialog-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  body.brand-page.account-page #workPanel .w-dialog-foot .w-btn{flex:1;min-height:40px}
  body.brand-page.account-page #workPanel .w-input{min-height:40px;font-size:16px!important}
  body.brand-page.account-page #workPanel .w-bulk{bottom:12px;padding-left:12px}
  body.brand-page.account-page #workPanel .w-bulk-sep{display:none}
  body.brand-page.account-page #workPanel .w-pager{justify-content:space-between}
}
@media (max-width:480px){
  body.brand-page.account-page #workPanel .w-collapse{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
  body.brand-page.account-page #workPanel .w-head-tools .w-btn:not(.w-btn-primary):has(>.w-collapse){width:36px;padding:0}
  body.brand-page.account-page #workPanel .w-facts,body.brand-page.account-page #workPanel .w-pair{grid-template-columns:minmax(0,1fr)}
  body.brand-page.account-page #workPanel .w-dl{grid-template-columns:minmax(0,1fr);gap:2px 0}
  body.brand-page.account-page #workPanel .w-dl dd{margin-bottom:8px}
}
@media (prefers-reduced-motion:reduce){
  body.brand-page.account-page #workPanel .w-drawer,body.brand-page.account-page #workPanel .w-drawer.is-open{transition:none}
  body.brand-page.account-page #workPanel :is(.w-skel,.w-dialog[open],.w-btn[aria-busy=true] .w-ico){animation:none}
}
body.brand-page.account-page #workPanel .w-tag{align-self:center;padding:0 6px;border-radius:4px;background:var(--w-hover);color:#475467;font-size:11px;font-weight:500;line-height:18px}
body.brand-page.account-page #workPanel .w-tag.is-public{background:#fffaeb;color:#b54708}

/* Phase 2: automation. Tones are tokens (text, fill, line) shared by pills, tags, callouts and job lines. */
body.brand-page.account-page #workPanel [data-tone=ok]{--t-fg:#067647;--t-bg:#ecfdf3;--t-line:#abefc6}
body.brand-page.account-page #workPanel [data-tone=warn]{--t-fg:#b54708;--t-bg:#fffaeb;--t-line:#fedf89}
body.brand-page.account-page #workPanel [data-tone=bad]{--t-fg:#b42318;--t-bg:#fef3f2;--t-line:#fecdca}
body.brand-page.account-page #workPanel [data-tone=info]{--t-fg:#175cd3;--t-bg:#eff8ff;--t-line:#b2ddff}
body.brand-page.account-page #workPanel [data-tone=progress]{--t-fg:#6941c6;--t-bg:#f4f3ff;--t-line:#d9d6fe}
body.brand-page.account-page #workPanel [data-tone=neutral]{--t-fg:#475467;--t-bg:#f2f4f7;--t-line:#e3e8ef}
body.brand-page.account-page #workPanel .w-pill[data-tone],body.brand-page.account-page #workPanel .w-tag[data-tone]{background:var(--t-bg);color:var(--t-fg)}
body.brand-page.account-page #workPanel .w-muted-2{color:var(--w-muted)}
body.brand-page.account-page #workPanel .w-spin{display:inline-block;flex:none;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:work-spin .8s linear infinite}
body.brand-page.account-page #workPanel .w-callout{display:grid;gap:4px;margin:0;padding:10px 12px;border:1px solid var(--t-line,var(--w-line));border-radius:8px;background:var(--t-bg,var(--w-subtle));color:var(--w-text);font-size:13px;line-height:1.5}
body.brand-page.account-page #workPanel p.w-callout{display:flex;align-items:center;gap:8px;color:var(--t-fg)}
body.brand-page.account-page #workPanel .w-callout-title{color:var(--t-fg,var(--w-ink));font-weight:600}

/* Buttons: refused-but-relevant actions stay focusable (aria-disabled) so keyboard users get the reason; danger; busy. */
body.brand-page.account-page #workPanel .w-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}
body.brand-page.account-page #workPanel .w-btn[aria-disabled=true]:hover{background:#fff!important;border-color:var(--w-line-strong)!important;color:var(--w-text)!important}
body.brand-page.account-page #workPanel .w-btn-primary[aria-disabled=true]:hover{background:var(--w-accent)!important;border-color:var(--w-accent)!important;color:#fff!important}
body.brand-page.account-page #workPanel .w-btn-danger{background:#d92d20!important;border-color:#d92d20!important;color:#fff!important;font-weight:600!important}
body.brand-page.account-page #workPanel .w-btn-danger:hover:not(:disabled){background:#b42318!important;border-color:#b42318!important;color:#fff!important}
body.brand-page.account-page #workPanel .w-btn-danger:disabled{color:#fff!important}
body.brand-page.account-page #workPanel .w-btn[aria-busy=true]{cursor:progress}
body.brand-page.account-page #workPanel .w-btn[aria-busy=true]:not(:has(.w-ico))::before{content:"";flex:none;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:work-spin .8s linear infinite}

/* "Mai multe" menu for the tabs that do not fit. */
body.brand-page.account-page #workPanel .w-more{position:relative;display:flex;flex:none}
body.brand-page.account-page #workPanel .w-more-btn{gap:6px}
body.brand-page.account-page #workPanel .w-more-ico{width:14px;height:14px;transition:transform .15s}
body.brand-page.account-page #workPanel .w-more-btn[aria-expanded=true]{background:var(--w-subtle)!important;color:var(--w-ink)!important}
body.brand-page.account-page #workPanel .w-more-btn[aria-expanded=true] .w-more-ico{transform:rotate(180deg)}
body.brand-page.account-page #workPanel .w-more-btn[data-alert=true]::after{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#f04438}
body.brand-page.account-page #workPanel .w-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:30;display:grid;gap:2px;min-width:220px;padding:4px;border:1px solid var(--w-line);border-radius:8px;background:#fff;box-shadow:0 12px 24px -8px rgba(16,24,40,.18),0 2px 4px rgba(16,24,40,.06)}
body.brand-page.account-page #workPanel .w-menu-item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:36px;margin:0;padding:0 10px;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--w-text)!important;font:500 14px/1.2 var(--w-font)!important;text-align:left;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:none!important}
body.brand-page.account-page #workPanel .w-menu-item:is(:hover,:focus-visible){background:var(--w-hover)!important;color:var(--w-ink)!important}
body.brand-page.account-page #workPanel .w-menu-item:focus-visible{outline-offset:-2px!important}
body.brand-page.account-page #workPanel .w-menu-item[data-alert=true] .w-view-count{background:#fef3f2;color:#b42318}

/* Drawer: "Automatizare" (live revision, revision in preparation, stepper, job, checks, preview, confirmation). */
body.brand-page.account-page #workPanel .w-section-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
body.brand-page.account-page #workPanel .w-section-meta{overflow:hidden;color:var(--w-muted);font-size:12px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
body.brand-page.account-page #workPanel .w-auto-card{display:grid;gap:12px;min-width:0;padding:14px;border:1px solid var(--w-line);border-radius:8px;background:#fff}
body.brand-page.account-page #workPanel .w-auto-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 8px}
body.brand-page.account-page #workPanel .w-auto-title{color:var(--w-ink);font:600 14px/1.35 var(--w-font)}
body.brand-page.account-page #workPanel .w-auto-sub{color:var(--w-muted);font-weight:500}
body.brand-page.account-page #workPanel .w-auto-source{margin-top:-6px;color:var(--w-faint);font-size:12px}
body.brand-page.account-page #workPanel .w-auto-source time{color:inherit}
body.brand-page.account-page #workPanel .w-auto-actions{margin:0}
body.brand-page.account-page #workPanel .w-auto-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
body.brand-page.account-page #workPanel .w-sub-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;color:var(--w-ink);font:600 13px/1.35 var(--w-font)}
body.brand-page.account-page #workPanel .w-steps{display:grid;margin:0;padding:0;list-style:none}
body.brand-page.account-page #workPanel .w-step{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:start;column-gap:10px;padding:4px 0}
body.brand-page.account-page #workPanel .w-step::before{content:"";position:absolute;top:28px;bottom:-2px;left:10px;width:2px;border-radius:1px;background:var(--w-step-line)}
body.brand-page.account-page #workPanel .w-step:last-child::before{display:none}
body.brand-page.account-page #workPanel .w-step[data-state=done]::before{background:var(--w-step-line-done)}
body.brand-page.account-page #workPanel .w-step-mark{position:relative;z-index:1;display:inline-grid;place-items:center;width:22px;height:22px;border:var(--w-step-ring) solid var(--w-line-strong);border-radius:50%;background:#fff;color:var(--w-muted);font:600 11px/1 var(--w-font)}
body.brand-page.account-page #workPanel .w-step-mark .w-ico{width:12px;height:12px;stroke-width:3}
body.brand-page.account-page #workPanel .w-step-mark .w-spin{width:12px;height:12px}
body.brand-page.account-page #workPanel .w-step[data-state=done] .w-step-mark{border-color:var(--w-step-done);background:var(--w-step-done);color:#fff}
body.brand-page.account-page #workPanel .w-step[data-state=run] .w-step-mark{border-color:var(--w-accent);color:var(--w-accent)}
body.brand-page.account-page #workPanel .w-step[data-state=next] .w-step-mark{border-color:var(--w-accent);color:var(--w-accent);box-shadow:0 0 0 3px var(--w-accent-soft)}
body.brand-page.account-page #workPanel .w-step[data-state=fail] .w-step-mark{border-color:#d92d20;background:#d92d20;color:#fff}
body.brand-page.account-page #workPanel .w-step[data-state=warn] .w-step-mark{border-color:#f79009;background:#f79009;color:#fff}
body.brand-page.account-page #workPanel .w-step-label{color:var(--w-text);font-size:13px;font-weight:500;line-height:22px}
body.brand-page.account-page #workPanel .w-step[aria-current=step] .w-step-label{color:var(--w-ink);font-weight:600}
body.brand-page.account-page #workPanel .w-step[data-state=todo] .w-step-label{color:var(--w-muted)}
body.brand-page.account-page #workPanel .w-step-note{max-width:220px;overflow:hidden;color:var(--w-muted);font-size:12px;line-height:22px;text-align:right;white-space:nowrap;text-overflow:ellipsis}
body.brand-page.account-page #workPanel .w-step[data-state=fail] .w-step-note{color:#b42318}
body.brand-page.account-page #workPanel .w-step[data-state=warn] .w-step-note{color:#b54708}
body.brand-page.account-page #workPanel .w-step[data-state=run] .w-step-note{color:var(--w-accent)}
/* Forced colours repaint backgrounds as Canvas: the connectors and the done marks are drawn again in system colours (kept in that
   mode), as the case page's steps are (account-ui.css, account.css). */
@media(forced-colors:active){
  body.brand-page.account-page #workPanel .w-step::before,body.brand-page.account-page #workPanel .w-step[data-state=done]::before{background:CanvasText}
  body.brand-page.account-page #workPanel .w-step[data-state=done] .w-step-mark{border-color:CanvasText;background:CanvasText;color:Canvas}
}
body.brand-page.account-page #workPanel .w-job{display:grid;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--t-line);border-radius:8px;background:var(--t-bg)}
body.brand-page.account-page #workPanel .w-job-head{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;color:var(--w-ink);font-size:13px;line-height:1.45}
body.brand-page.account-page #workPanel .w-job-head>.w-ico{color:var(--t-fg)}
body.brand-page.account-page #workPanel .w-job-head>.w-spin{color:var(--t-fg)}
body.brand-page.account-page #workPanel .w-job-head strong{font-weight:600}
body.brand-page.account-page #workPanel :is(.w-job-step,.w-job-state,.w-job-time)::before{content:"·";margin-right:8px;color:var(--w-faint)}
body.brand-page.account-page #workPanel .w-job-state{color:var(--t-fg);font-weight:500}
body.brand-page.account-page #workPanel .w-job-time{color:var(--w-muted)}
body.brand-page.account-page #workPanel .w-job-time time{color:inherit}
body.brand-page.account-page #workPanel .w-job-meta{color:var(--w-muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-job-error{color:#b42318;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-verify{display:grid;gap:8px}
body.brand-page.account-page #workPanel .w-verify-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}
body.brand-page.account-page #workPanel .w-verify-list>li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:start;font-size:13px;line-height:1.45}
body.brand-page.account-page #workPanel .w-verify-ico{width:16px;height:16px;margin-top:1px}
body.brand-page.account-page #workPanel .w-verify-list>li[data-ok=true] .w-verify-ico{color:#17b26a}
body.brand-page.account-page #workPanel .w-verify-list>li[data-ok=false] .w-verify-ico{color:#dc6803}
body.brand-page.account-page #workPanel .w-verify-body{display:grid;gap:1px;min-width:0}
body.brand-page.account-page #workPanel .w-verify-name{color:var(--w-ink);font-weight:500}
body.brand-page.account-page #workPanel .w-verify-text{color:var(--w-muted);font-size:12px;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-preview{display:grid;gap:10px;min-width:0;margin:0;padding:12px;border:1px solid var(--w-line);border-radius:8px;background:var(--w-subtle)}
body.brand-page.account-page #workPanel .w-preview-head{display:grid;gap:2px}
body.brand-page.account-page #workPanel .w-preview-title{color:var(--w-ink);font:600 14px/1.4 var(--w-font);overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-preview-period{color:var(--w-muted);font-size:12px}
body.brand-page.account-page #workPanel .w-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;margin:0}
body.brand-page.account-page #workPanel .w-metrics>div{min-width:0;padding:8px 10px;border:1px solid var(--w-line);border-radius:6px;background:#fff}
body.brand-page.account-page #workPanel .w-metrics dt{color:var(--w-muted);font-size:12px;line-height:1.35}
body.brand-page.account-page #workPanel .w-metrics dd{margin:2px 0 0;color:var(--w-ink);font:600 15px/1.3 var(--w-font);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;color:var(--w-text);font-size:13px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-evidence{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none}
body.brand-page.account-page #workPanel .w-ext{display:inline-flex;align-items:center;gap:4px;color:var(--w-accent)!important;font-size:13px;font-weight:500;text-decoration:none!important;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-ext:hover{color:var(--w-accent-hover)!important;text-decoration:underline!important;text-underline-offset:3px}
body.brand-page.account-page #workPanel .w-ext .w-ico{width:13px;height:13px}
body.brand-page.account-page #workPanel .w-confirm{padding:12px;border:1px solid var(--w-accent-line);border-radius:8px;background:var(--w-accent-soft)}
body.brand-page.account-page #workPanel .w-check-row{display:flex;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--w-line);border-radius:8px;background:#fff;color:var(--w-ink);font-size:13px;line-height:1.45;cursor:pointer}
body.brand-page.account-page #workPanel .w-check-row input{flex:none;width:16px;height:16px;margin:1px 0 0;accent-color:var(--w-accent);cursor:pointer}
body.brand-page.account-page #workPanel .w-check-row:has(input:checked){border-color:var(--w-accent)}
body.brand-page.account-page #workPanel .w-check-row[data-tone=warn]{border-color:#fedf89;background:#fffaeb}
body.brand-page.account-page #workPanel .w-radio-card{align-items:flex-start;padding:12px}
body.brand-page.account-page #workPanel .w-radio-card input{margin-top:2px}
body.brand-page.account-page #workPanel .w-radio:has(input:disabled){background:var(--w-subtle);cursor:not-allowed}
body.brand-page.account-page #workPanel .w-radio:has(input:disabled) strong{color:var(--w-muted)}
body.brand-page.account-page #workPanel .w-radio-body{display:grid;gap:2px;min-width:0}
body.brand-page.account-page #workPanel .w-radio-body strong{color:var(--w-ink);font-size:14px;font-weight:600}
body.brand-page.account-page #workPanel .w-radio-desc{color:var(--w-muted);font-size:13px;line-height:1.45}
body.brand-page.account-page #workPanel .w-radio-why{color:#b42318;font-size:12px;line-height:1.45}
body.brand-page.account-page #workPanel .w-mode-panel{display:grid;gap:12px}
body.brand-page.account-page #workPanel .w-tag.is-rule{background:#f4f3ff;color:#5925dc}
body.brand-page.account-page #workPanel .w-event[data-rule] .w-event-dot{background:#7a5af8;box-shadow:0 0 0 1px #d9d6fe}

/* "Flux nou din șablon" (a .w-dialog-lg): step indicator, template cards, the manual-model list, the JSON mapping. */
body.brand-page.account-page #workPanel .w-wizard+.w-dialog-body{padding-top:16px}
body.brand-page.account-page #workPanel .w-dialog-error{margin:0 20px 12px}
body.brand-page.account-page #workPanel .w-foot-start{margin-right:auto}
body.brand-page.account-page #workPanel .w-wizard{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;padding:0 20px 14px;border-bottom:1px solid var(--w-line);list-style:none}
body.brand-page.account-page #workPanel .w-wizard-step{display:flex;align-items:center;gap:8px;color:var(--w-muted);font-size:13px;font-weight:500}
body.brand-page.account-page #workPanel .w-wizard-num{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--w-line-strong);border-radius:50%;background:#fff;color:var(--w-muted);font:600 12px/1 var(--w-font)}
body.brand-page.account-page #workPanel .w-wizard-done{display:none;width:12px;height:12px;stroke-width:3}
body.brand-page.account-page #workPanel .w-wizard-step[aria-current=step]{color:var(--w-ink);font-weight:600}
body.brand-page.account-page #workPanel .w-wizard-step[aria-current=step] .w-wizard-num{border-color:var(--w-accent);background:var(--w-accent);color:#fff}
body.brand-page.account-page #workPanel .w-wizard-step[data-done]{color:var(--w-text)}
body.brand-page.account-page #workPanel .w-wizard-step[data-done] .w-wizard-num{border-color:#17b26a;background:#17b26a;color:#fff}
body.brand-page.account-page #workPanel .w-wizard-step[data-done] .w-wizard-done{display:block}
body.brand-page.account-page #workPanel .w-wizard-step[data-done] .w-wizard-n{display:none}
body.brand-page.account-page #workPanel .w-tpls{display:grid;gap:8px}
body.brand-page.account-page #workPanel .w-tpl{min-width:0;border:1px solid var(--w-line);border-radius:8px;background:#fff;transition:border-color .15s,background-color .15s}
body.brand-page.account-page #workPanel .w-tpl:not([data-disabled]):hover{border-color:var(--w-line-strong)}
body.brand-page.account-page #workPanel .w-tpl:has(.w-tpl-main input:checked){border-color:var(--w-accent);background:var(--w-accent-soft);box-shadow:0 0 0 1px var(--w-accent)}
body.brand-page.account-page #workPanel .w-tpl[data-disabled=true]{background:var(--w-subtle)}
body.brand-page.account-page #workPanel .w-tpl-main{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:12px;align-items:start;margin:0;padding:12px 14px;cursor:pointer}
body.brand-page.account-page #workPanel .w-tpl[data-disabled=true] .w-tpl-main{cursor:not-allowed}
body.brand-page.account-page #workPanel .w-tpl-main input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--w-accent);cursor:inherit}
body.brand-page.account-page #workPanel .w-tpl-text{display:grid;gap:2px;min-width:0}
body.brand-page.account-page #workPanel .w-tpl-title{color:var(--w-ink);font:600 14px/1.4 var(--w-font);overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-tpl[data-disabled=true] .w-tpl-title{color:var(--w-text)}
body.brand-page.account-page #workPanel .w-tpl-inst{color:var(--w-text);font-size:13px;line-height:1.45}
body.brand-page.account-page #workPanel .w-tpl-meta{color:var(--w-muted);font-size:12px;line-height:1.45}
body.brand-page.account-page #workPanel .w-tpl-note{margin:-4px 14px 12px 42px;color:var(--w-muted);font-size:12px;line-height:1.45}
body.brand-page.account-page #workPanel .w-tpl-existing{display:grid;gap:6px;margin:0 14px 12px 42px;padding:8px 10px;border:1px solid #fedf89;border-radius:6px;background:#fffaeb;list-style:none;font-size:13px}
body.brand-page.account-page #workPanel .w-tpl-existing>li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
body.brand-page.account-page #workPanel .w-tpl-existing-text{min-width:0;color:var(--w-text);overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-tpl-existing-text strong{color:var(--w-ink);font-weight:600}
body.brand-page.account-page #workPanel .w-models{min-width:0;border:1px solid var(--w-line);border-radius:8px;background:#fff}
body.brand-page.account-page #workPanel .w-models-summary{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;color:var(--w-ink);font:600 14px/1.4 var(--w-font);list-style:none;cursor:pointer}
body.brand-page.account-page #workPanel .w-models-summary::-webkit-details-marker{display:none}
body.brand-page.account-page #workPanel .w-models-summary::before{content:"";flex:none;width:7px;height:7px;margin:0 3px;border-right:2px solid var(--w-muted);border-bottom:2px solid var(--w-muted);transform:rotate(-45deg);transition:transform .15s}
body.brand-page.account-page #workPanel .w-models[open]>.w-models-summary::before{transform:rotate(45deg)}
body.brand-page.account-page #workPanel .w-models-label{flex:1;min-width:0}
body.brand-page.account-page #workPanel .w-models-hint{color:var(--w-muted);font-weight:400}
body.brand-page.account-page #workPanel .w-models-body{display:grid;gap:10px;padding:0 14px 14px}
body.brand-page.account-page #workPanel .w-models-list{max-height:264px;overflow:auto;border:1px solid var(--w-line);border-radius:6px;overscroll-behavior:contain}
body.brand-page.account-page #workPanel .w-model{display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;border-bottom:1px solid var(--w-line);color:var(--w-ink);font-size:13px;line-height:1.4;cursor:pointer}
body.brand-page.account-page #workPanel .w-model:hover{background:var(--w-subtle)}
body.brand-page.account-page #workPanel .w-model:has(input:checked){background:var(--w-accent-soft)}
body.brand-page.account-page #workPanel .w-model input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--w-accent);cursor:pointer}
body.brand-page.account-page #workPanel .w-model-title{flex:1;min-width:0;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-model-level{flex:none;color:var(--w-muted);font-size:12px}
body.brand-page.account-page #workPanel .w-models-none{padding:12px}
body.brand-page.account-page #workPanel .w-chosen{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--w-line);border-radius:8px;background:var(--w-subtle)}
body.brand-page.account-page #workPanel .w-chosen-ico{width:20px;height:20px;margin-top:1px;color:var(--w-accent)}
body.brand-page.account-page #workPanel .w-chosen-text{display:grid;gap:2px;min-width:0}
body.brand-page.account-page #workPanel .w-chosen-title{color:var(--w-ink);font:600 14px/1.4 var(--w-font);overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-chosen-sub{color:var(--w-muted);font-size:13px;line-height:1.45}
body.brand-page.account-page #workPanel .w-readonly{min-height:36px;margin:0;padding:7px 10px;border:1px solid var(--w-line);border-radius:6px;background:var(--w-subtle);color:var(--w-ink);font-size:14px;line-height:1.4;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-group{padding:12px 14px 14px;border:1px solid var(--w-line)!important;border-radius:8px}
body.brand-page.account-page #workPanel .w-group>legend{margin:0 0 0 -6px;padding:0 6px}
body.brand-page.account-page #workPanel .w-map{display:grid;gap:10px}
body.brand-page.account-page #workPanel .w-map-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) minmax(88px,.8fr) minmax(64px,.6fr) 32px;gap:8px;align-items:end}
body.brand-page.account-page #workPanel .w-map-row+.w-map-row{padding-top:10px;border-top:1px dashed var(--w-line)}
body.brand-page.account-page #workPanel .w-map-remove{margin-bottom:2px}
body.brand-page.account-page #workPanel .w-map-remove:disabled{opacity:.35;cursor:not-allowed}
body.brand-page.account-page #workPanel .w-map-add{justify-self:start}
body.brand-page.account-page #workPanel .w-map-add .w-ico{width:14px;height:14px}
body.brand-page.account-page #workPanel .w-review{display:grid;grid-template-columns:minmax(110px,30%) minmax(0,1fr);gap:8px 16px;margin:0;padding:12px 14px;border:1px solid var(--w-line);border-radius:8px;background:var(--w-subtle)}
body.brand-page.account-page #workPanel .w-review>div{display:contents}
body.brand-page.account-page #workPanel .w-review dt{color:var(--w-muted);font-size:13px}
body.brand-page.account-page #workPanel .w-review dd{margin:0;color:var(--w-ink);font-size:13px;font-weight:500;overflow-wrap:anywhere}
body.brand-page.account-page #workPanel .w-numbered{display:grid;gap:2px;margin:4px 0;padding-left:20px;color:var(--w-text);font-size:13px;line-height:1.5}
@media (max-width:767px){
  body.brand-page.account-page #workPanel .w-map-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px}
  body.brand-page.account-page #workPanel .w-map-remove{grid-column:3;grid-row:1;align-self:end}
}
@media (max-width:480px){
  body.brand-page.account-page #workPanel .w-step{grid-template-columns:22px minmax(0,1fr)}
  body.brand-page.account-page #workPanel .w-step-note{grid-column:2;max-width:none;margin-top:-4px;line-height:1.4;text-align:left;white-space:normal}
  body.brand-page.account-page #workPanel .w-tpl-main{grid-template-columns:16px minmax(0,1fr)}
  body.brand-page.account-page #workPanel .w-tpl-main .w-pill{grid-column:2;justify-self:start}
  body.brand-page.account-page #workPanel :is(.w-tpl-note,.w-tpl-existing){margin-left:14px}
  body.brand-page.account-page #workPanel .w-review{grid-template-columns:minmax(0,1fr);gap:2px}
  body.brand-page.account-page #workPanel .w-review dd{margin-bottom:8px}
  body.brand-page.account-page #workPanel .w-wizard{gap:6px 14px}
}
/* Reduced motion: the automation spinners (job line, running step, operation notice) and the busy buttons without an icon
   stand still, as on the case page (UI-KIT 4.22), by Lucru's own rules and not only by brand.css's global one. Placed after
   the rules they override, with the same selectors. */
@media (prefers-reduced-motion:reduce){
  body.brand-page.account-page #workPanel .w-spin,body.brand-page.account-page #workPanel .w-btn[aria-busy=true]:not(:has(.w-ico))::before{animation:none}
}