/* Team work v1: scoped content, shared DockFlow tokens. No drawer/scroll ownership. */
.df-team-work-v1 {
  --df-work-ink:var(--df-drawer-v2-ink-strong,#102131);
  --df-work-line:var(--df-drawer-v2-line,#dfe7e3);
  --df-work-accent:var(--df-drawer-v2-accent,#1ed760);
  --df-work-green:var(--df-drawer-v2-accent-deep,#087a43);
  color:var(--df-work-ink); font-family:Inter,system-ui,sans-serif; font-size:13px; line-height:1.5;
  min-width:0; border:1px solid var(--df-work-line); border-radius:16px; background:#fff; overflow-wrap:anywhere;
}
.df-team-work-v1 *, #df-team-editor-v2 .df-work__responsibilities * { box-sizing:border-box; }
.df-team-work-v1 [hidden] { display:none !important; }
.df-team-work-v1 :is(h2,h3,h4,p,ol) { margin:0; }
.df-team-work-v1 :is(button,input,select,textarea) { font:inherit; }
.df-team-work-v1 svg { width:18px; height:18px; flex:none; vertical-align:middle; }
.df-team-work-v1 :is(button,summary,select,input,textarea):focus-visible { outline:3px solid var(--df-drawer-v2-accent-focus,#8fe8ae); outline-offset:3px; }
.df-team-work-v1 .df-work__head { display:flex; align-items:center; gap:12px; padding:20px 20px 14px; }
.df-team-work-v1 .df-work__head>div { flex:1; min-width:0; }
.df-team-work-v1 .df-work__head h3 { font-size:15px; font-weight:650; letter-spacing:-.025em; }
.df-team-work-v1 .df-work__head p { color:#748279; font-size:11px; margin-top:3px; }
.df-team-work-v1 .df-work__headingicon { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:11px; color:var(--df-work-green); background:#edf9f1; }
.df-team-work-v1 .df-work__button {
  appearance:none; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:8px 11px;
  border:1px solid var(--df-work-line); border-radius:9px; background:#fff; color:#385045; cursor:pointer; font-size:11px; font-weight:600; line-height:1.3;
  box-shadow:none; text-transform:none; letter-spacing:normal; white-space:normal;
}
.df-team-work-v1 .df-work__button:hover { background:#f3f9f5; border-color:#bfd5c8; }
.df-team-work-v1 .df-work__button--primary { color:#0c2b19; border-color:var(--df-work-accent); background:var(--df-work-accent); }
.df-team-work-v1 .df-work__button--primary:hover { background:var(--df-drawer-v2-accent-hover,#1bc957); }
.df-team-work-v1 button:disabled { opacity:.55; cursor:default; }
.df-team-work-v1 .df-work__readiness { display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:0 20px 16px; font-size:11px; color:#78867e; }
.df-team-work-v1 .df-work__badge { display:inline-flex; align-items:center; padding:5px 9px; border-radius:7px; font-size:10px; line-height:1.35; font-weight:600; color:#65746b; background:#f0f4f1; white-space:normal; }
.df-team-work-v1 .df-work__badge[data-tone=ready] { color:var(--df-work-green); background:#eaf8ee; }
.df-team-work-v1 .df-work__badge[data-tone=warning] { color:#94631a; background:#fff4dd; }
.df-team-work-v1 .df-work__progress { height:3px; background:#edf3ef; margin:0 20px 4px; border-radius:4px; }
.df-team-work-v1 .df-work__progress>span { display:block; height:100%; border-radius:inherit; background:var(--df-work-accent); transition:width .2s ease; }
.df-team-work-v1 .df-work__section { padding:17px 20px 0; }
.df-team-work-v1 .df-work__sectionhead { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.df-team-work-v1 .df-work__sectionhead h4 { font-size:12px; font-weight:650; }
.df-team-work-v1 .df-work__sectionhead .df-work__button { border-color:transparent; color:var(--df-work-green); padding-right:0; }
.df-team-work-v1 .df-work__person { display:flex; align-items:center; gap:11px; padding:12px 0; border-bottom:1px solid #edf2ee; }
.df-team-work-v1 .df-work__person:last-child { border-bottom:0; }
.df-team-work-v1 .df-work__avatar { width:35px; height:35px; flex:none; display:grid; place-items:center; border-radius:50%; background:#eff6f1; color:#38624a; font-size:11px; font-weight:650; }
.df-team-work-v1 :is(.df-work__personcopy,.df-work__taskcopy) { display:grid; gap:3px; flex:1; min-width:0; }
.df-team-work-v1 :is(.df-work__personcopy,.df-work__taskcopy)>strong { font-size:12px; font-weight:600; }
.df-team-work-v1 :is(.df-work__personcopy,.df-work__taskcopy)>span { color:#77847c; font-size:10px; }
.df-team-work-v1 :is(.df-work__personcopy,.df-work__taskcopy)>small { color:#77847c; font-size:10px; }
.df-team-work-v1 .df-work__issue { color:#996119 !important; font-size:10px; }
.df-team-work-v1 .df-work__task { display:flex; align-items:flex-start; gap:11px; padding:14px 0; border-top:1px solid #edf2ee; }
.df-team-work-v1 .df-work__task:first-of-type { border-top:0; }
.df-team-work-v1 .df-work__taskmark { display:grid; place-items:center; flex:none; width:30px; height:30px; min-height:30px; border:1px solid #dce7df; border-radius:9px; background:#fff; color:#98a59c; cursor:pointer; padding:0; }
.df-team-work-v1 .df-work__task[data-status=done] .df-work__taskmark { background:#eaf8ee; color:var(--df-work-green); border-color:#c8e9d2; }
.df-team-work-v1 .df-work__task[data-status=blocked] .df-work__taskmark { color:#996119; background:#fff8e9; }
.df-team-work-v1 .df-work__taskcopy>p { font-size:11px; color:#5b6f61; margin-top:3px; white-space:pre-wrap; }
.df-team-work-v1 .df-work__taskactions { display:flex; align-items:flex-end; flex-direction:column; gap:5px; flex:0 0 auto; max-width:110px; }
.df-team-work-v1 .df-work__taskactions .df-work__button { min-height:30px; border:0; padding:5px 4px; color:var(--df-work-green); }
.df-team-work-v1 .df-work__editor { display:grid; gap:14px; margin:14px 20px; padding:18px; border:1px solid #c9dfd1; border-radius:13px; background:#f8fcf9; }
.df-team-work-v1 .df-work__editor h4 { font-size:14px; font-weight:650; }
.df-team-work-v1 .df-work__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.df-team-work-v1 .df-work__field { display:grid; gap:6px; min-width:0; font-size:11px; color:#5b7062; }
.df-team-work-v1 .df-work__field :is(input,select,textarea) { display:block; width:100%; min-width:0; min-height:42px; padding:10px 12px; border:1px solid #d9e3dc; border-radius:9px; background:#fff; color:#253d2e; box-shadow:none; resize:vertical; line-height:1.5; }
.df-team-work-v1 .df-work__check { display:flex; align-items:center; gap:9px; flex-wrap:wrap; font-size:11px; color:#375740; }
.df-team-work-v1 .df-work__check input { width:17px; height:17px; accent-color:var(--df-work-green); margin:0; }
.df-team-work-v1 .df-work__check small { flex-basis:100%; margin-left:26px; color:#78867e; font-size:10px; }
.df-team-work-v1 .df-work__actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.df-team-work-v1 .df-work__help { color:#829087; font-size:10px; line-height:1.6; }
.df-team-work-v1 .df-work__endnote { padding:14px 20px 18px; }
.df-team-work-v1 .df-work__message { color:var(--df-work-green); padding:0 20px 10px; font-size:11px; }
.df-team-work-v1 .df-work__editor .df-work__message { padding:0; color:#9a5629; }
.df-team-work-v1 .df-work__message:empty { display:none; }
.df-team-work-v1 .df-work__error { margin:12px 20px; padding:12px; border:1px solid #eed9c8; border-radius:10px; background:#fff9f3; color:#89582b; font-size:12px; }
.df-team-work-v1 .df-work__warning { display:flex; gap:10px; margin:0 20px 14px; padding:14px; border:1px solid #efdfbf; border-radius:11px; background:#fffbf1; color:#886123; font-size:11px; }
.df-team-work-v1 .df-work__warning p { margin:5px 0 10px; }
.df-team-work-v1 .df-work__setup { padding:22px 20px; border-top:1px solid #edf2ee; }
.df-team-work-v1 .df-work__setup h4 { font-size:14px; font-weight:600; }
.df-team-work-v1 .df-work__setup p { font-size:12px; color:#77847c; margin:6px 0 18px; }
.df-team-work-v1 .df-work__setup form { display:grid; gap:12px; }
.df-team-work-v1 .df-work__setup button { justify-self:start; }
.df-team-work-v1 .df-work__foot { display:grid; gap:7px; padding:18px 20px; border-top:1px solid #edf2ee; }
.df-team-work-v1 .df-work__foot .df-work__button { justify-self:start; }
.df-team-work-v1 .df-work__foot>span { font-size:10px; color:#7f8d83; }
.df-team-work-v1 .df-work__history { padding:0 20px; }
.df-team-work-v1 .df-work__history summary { cursor:pointer; font-size:11px; font-weight:600; color:#64786b; padding:10px 0; }
.df-team-work-v1 .df-work__history ol { list-style:none; padding:0 0 10px 10px; border-left:1px solid #e4ece6; }
.df-team-work-v1 .df-work__history li { display:grid; gap:3px; padding:8px 0; font-size:10px; }
.df-team-work-v1 .df-work__history li strong { font-weight:550; }
.df-team-work-v1 .df-work__history li :is(span,small) { color:#849087; font-size:10px; }
.df-team-work-v1 .df-work__confirm { margin:14px 20px; padding:16px; border:1px solid #d5e4db; border-radius:12px; background:#f7faf8; font-size:12px; }
.df-team-work-v1 .df-work__confirm p { margin-bottom:12px; }
.df-team-work-v1 .df-work__empty { padding:20px; color:#7c8b82; font-size:12px; }
.df-team-work-v1 .df-work__empty strong { color:#506b59; font-weight:550; }
.df-team-work-v1 .df-work__empty p { margin-top:6px; }
.df-team-work-v1 .df-work__loading { display:flex; align-items:center; gap:12px; padding:25px 20px; color:#78867e; font-size:12px; }
.df-team-work-v1--day { border:0; border-radius:0; background:transparent; }
.df-team-work-v1 .df-work__dayhead { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.df-team-work-v1 .df-work__eyebrow { font-size:10px; color:var(--df-work-green); font-weight:650; letter-spacing:.06em; margin-bottom:6px; }
.df-team-work-v1 .df-work__dayhead h2 { font-size:25px; letter-spacing:-.035em; font-weight:600; line-height:1.2; }
.df-team-work-v1 .df-work__dayhead p:not(.df-work__eyebrow) { font-size:12px; color:#7c897f; margin-top:7px; }
.df-team-work-v1 .df-work__date { display:grid; gap:5px; font-size:10px; color:#7b897f; }
.df-team-work-v1 .df-work__date input { min-height:42px; max-width:100%; border:1px solid #dce6df; border-radius:9px; background:#fff; color:#324e3c; padding:9px 12px; font-size:12px; }
.df-team-work-v1 .df-work__daystats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:20px; }
.df-team-work-v1 .df-work__daystats>div { display:grid; gap:5px; padding:18px; border:1px solid #e0e8e2; border-radius:14px; background:#fff; }
.df-team-work-v1 .df-work__daystats strong { font-size:26px; letter-spacing:-.035em; font-weight:600; line-height:1.2; }
.df-team-work-v1 .df-work__daystats span { font-size:11px; color:#7b887f; }
.df-team-work-v1 .df-work__shift { display:flex; align-items:center; gap:8px; margin-bottom:14px; color:#678170; font-size:12px; }
.df-team-work-v1 .df-work__daycard { margin-bottom:12px; border:1px solid #e0e8e2; border-radius:14px; background:#fff; }
.df-team-work-v1 .df-work__daycard>summary { display:flex; align-items:center; gap:16px; padding:20px; cursor:pointer; list-style:none; }
.df-team-work-v1 .df-work__daycard>summary::-webkit-details-marker { display:none; }
.df-team-work-v1 .df-work__time { color:#385942; font-size:13px; font-weight:600; font-variant-numeric:tabular-nums; }
.df-team-work-v1 .df-work__dayidentity { display:grid; gap:4px; flex:1; min-width:0; }
.df-team-work-v1 .df-work__dayidentity strong { font-size:13px; font-weight:600; }
.df-team-work-v1 .df-work__dayidentity>span { color:#829087; font-size:11px; }
.df-team-work-v1 .df-work__daycard>summary>svg { width:15px; color:#84978a; transition:transform .15s; }
.df-team-work-v1 .df-work__daycard[open]>summary>svg { transform:rotate(90deg); }
.df-team-work-v1 .df-work__daycard>.df-team-work-v1 { border:0; border-radius:0 0 14px 14px; border-top:1px solid #e8eee9; }
.df-work__planner { margin:0 0 18px; border:1px solid #e0e8e2; border-radius:13px; background:#fff; font-family:Inter,system-ui,sans-serif; }
.df-work__planner>summary { padding:17px 20px; cursor:pointer; color:#244e34; font-size:12px; font-weight:600; }
.df-work__planner>summary>span { font-size:11px; font-weight:400; color:#859288; margin-left:9px; }
.df-work__planner>.df-team-work-v1 { padding:20px; border-top:1px solid #e7eee9; }
#df-team-editor-v2 .df-work__responsibilities { margin:0; padding:16px; border:1px solid #dfe8e2; border-radius:12px; }
#df-team-editor-v2 .df-work__responsibilities legend { color:#254d34; font:600 12px Inter,system-ui,sans-serif; padding:0 6px; }
#df-team-editor-v2 .df-work__responsibilities>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#df-team-editor-v2 .df-work__responsibilities label { display:flex; align-items:center; gap:9px; min-height:32px; color:#58705f; font:500 12px Inter,system-ui,sans-serif; }
#df-team-editor-v2 .df-work__responsibilities input[type=checkbox] { appearance:auto !important; width:17px !important; height:17px !important; min-height:17px !important; padding:0 !important; margin:0; accent-color:#087a43; }
@media(max-width:600px) {
  .df-team-work-v1 .df-work__dayhead { align-items:flex-start; flex-direction:column; gap:14px; }
  .df-team-work-v1 .df-work__dayhead h2 { font-size:23px; }
  .df-team-work-v1 .df-work__daystats { gap:8px; }
  .df-team-work-v1 .df-work__daystats>div { padding:13px 10px; border-radius:11px; }
  .df-team-work-v1 .df-work__daystats strong { font-size:23px; }
  .df-team-work-v1 .df-work__daystats span { font-size:10px; }
  .df-team-work-v1 .df-work__daycard>summary { gap:10px; padding:16px; flex-wrap:wrap; }
  .df-team-work-v1 .df-work__daycard>summary>.df-work__badge { margin-left:auto; }
  .df-team-work-v1 .df-work__dayidentity { flex-basis:60%; }
  .df-team-work-v1 .df-work__grid { grid-template-columns:minmax(0,1fr); }
  .df-team-work-v1 .df-work__editor { margin:12px; padding:14px; }
  .df-team-work-v1 .df-work__head,.df-team-work-v1 .df-work__section { padding-left:15px; padding-right:15px; }
  .df-team-work-v1 .df-work__task { flex-wrap:wrap; gap:8px; }
  .df-team-work-v1 .df-work__taskactions { flex-basis:100%; max-width:none; flex-direction:row; align-items:center; padding-left:38px; flex-wrap:wrap; }
  .df-team-work-v1 .df-work__button { min-height:40px; }
  .df-team-work-v1 .df-work__taskmark { width:44px; height:44px; }
  .df-team-work-v1 .df-work__field :is(input,select,textarea) { font-size:16px; }
  .df-work__planner>.df-team-work-v1 { padding:15px; }
  .df-work__planner>summary>span { display:block; margin:5px 0 0; }
  #df-team-editor-v2 .df-work__responsibilities>div { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .df-team-work-v1 * { transition:none !important; scroll-behavior:auto !important; } }

.df-team-work-v1 .df-work__dayhead>div { flex:1; min-width:0; }

/* v0.6.1258: one compact launcher and a native contextual drawer. The shared
   orchestrator owns the page lock; only this drawer body scrolls internally. */
.df-work-launch__top { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:20px 20px 14px; }
.df-work-launch__top>div { flex:1; min-width:160px; }
.df-work-launch__top h3 { font-size:16px; font-weight:650; letter-spacing:-.025em; }
.df-work-launch__top p { margin-top:3px; font-size:12px; color:#697b72; }
.df-work-launch__stats { display:flex; flex-wrap:wrap; gap:10px 22px; padding:0 20px 18px; font-size:12px; color:#697b72; }
.df-work-launch__stats>span { display:inline-flex; align-items:center; gap:6px; }
.df-work-launch__stats strong { color:#243e30; font-weight:600; }
.df-team-work-v1 .df-work-launch__hint { padding:0 20px 18px; font-size:13px; color:#697b72; }
.df-work-launch__action { border-top:1px solid #e8eeea; padding:4px 12px; }
.df-team-work-v1 .df-work-launch__action .df-work__button { width:100%; min-height:48px; justify-content:space-between; border:0; padding:10px 8px; color:var(--df-work-green); font-size:13px; background:transparent; text-align:left; }
.df-team-work-v1 .df-work-launch__action .df-work__button:hover { background:#f5faf7; }
.df-work-drawer.df-team-work-v1 { position:fixed; inset:0 0 0 auto; margin:0; padding:0; width:clamp(620px,48vw,820px); max-width:100vw; height:100dvh; max-height:100dvh; overflow:hidden; border:0; border-radius:0; background:#fff; box-shadow:-18px 0 60px rgba(15,23,42,.16); }
.df-work-drawer:not([open]), .df-work-drawer[hidden] { display:none !important; }
.df-work-drawer[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.df-work-drawer::backdrop { background:rgba(15,23,42,.28); backdrop-filter:blur(3px); }
.df-work-drawer[data-df-native-parent]::backdrop { background:transparent; backdrop-filter:none; }
.df-work-drawer .df-work-drawer__header { display:flex; align-items:center; flex-wrap:nowrap; gap:18px; padding:22px 28px; border-bottom:1px solid #e5ece7; background:#fff; }
.df-work-drawer .df-ui-drawer-header-v2__copy { flex:1; min-width:0; }
.df-work-drawer .df-ui-drawer-header-v2__title { font-size:27px; font-weight:650; line-height:1.2; letter-spacing:-.04em; margin:5px 0 0; }
.df-work-drawer .df-work__button { font-size:13px; font-weight:600; min-height:44px; padding:10px 14px; border-radius:10px; gap:8px; }
.df-work-drawer [data-work-action=work-back] { border:0; background:transparent; min-height:32px; padding:0; justify-content:flex-start; font-size:12px; color:#60746a; }
.df-work-drawer [data-work-action=close-work][aria-label] { width:44px; height:44px; padding:0; flex:none; border-color:#dfe8e3; background:#f8fbf9; color:#536b5d; }
.df-work-drawer .df-work-drawer__body { min-width:0; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; padding:24px 28px 28px; scrollbar-width:thin; scrollbar-color:#b6c7bd #f3f7f5; background:#fff; }
.df-work-drawer .df-work-drawer__footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 28px max(16px,env(safe-area-inset-bottom)); border-top:1px solid #e5ece7; background:#fff; }
.df-work-drawer__footer>p { min-width:0; font-size:12px; color:#62786b; line-height:1.5; }
.df-work-drawer__footer>.df-work__actions { flex:none; }
.df-work-drawer .df-work__button--primary { color:#082915; padding-inline:18px; }
.df-work-drawer .df-work-trip { display:flex; align-items:center; gap:14px; padding:17px 18px; border:1px solid #dce8e0; border-radius:14px; background:linear-gradient(110deg,#f2f9f5,#fbfdfb); }
.df-work-trip__icon { width:42px; height:42px; flex:none; display:grid; place-items:center; border-radius:11px; border:1px solid #d6e8dc; background:#fff; color:#16814c; }
.df-work-trip>div { min-width:0; }
.df-work-trip strong { display:block; font-size:16px; font-weight:650; letter-spacing:-.025em; }
.df-work-trip p { margin-top:3px; font-size:13px; color:#526b5c; }
.df-work-trip small { display:block; margin-top:3px; font-size:12px; color:#6f8077; }
.df-work-trip :is(p,small)>span { margin:0 3px; }
.df-work-drawer .df-work-intro { padding:25px 0 18px; }
.df-work-step { display:block; color:#087a43; font-size:11px; font-weight:650; margin-bottom:5px; }
.df-work-drawer .df-work-intro h3 { font-size:22px; font-weight:650; letter-spacing:-.035em; }
.df-work-drawer .df-work-intro p { margin-top:6px; font-size:14px; line-height:1.6; color:#62776b; max-width:52ch; }
.df-work-presets { margin:0; padding:0; border:0; display:grid; gap:10px; min-width:0; }
.df-work-presets legend { padding:0 0 10px; font-size:13px; font-weight:600; color:#334d3e; }
.df-work-preset { position:relative; display:flex; align-items:center; gap:12px; padding:14px 16px; border:1px solid #dfe7e2; border-radius:12px; background:#fff; cursor:pointer; }
.df-work-preset:hover { border-color:#a4cdb4; background:#fbfdfb; }
.df-work-preset:has(input:checked) { border-color:#5db47e; background:#f0faf3; box-shadow:0 0 0 1px rgba(22,129,76,.06); }
.df-work-preset:has(input:focus-visible) { outline:3px solid #8fe8ae; outline-offset:3px; }
.df-work-preset input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.df-work-preset>span:nth-of-type(2) { flex:1; min-width:0; }
.df-work-preset__icon { display:grid; place-items:center; width:38px; height:38px; flex:none; border:1px solid #e2eae5; border-radius:10px; color:#4f7660; background:#fff; }
.df-work-preset strong { display:block; font-size:14px; font-weight:600; }
.df-work-preset small { display:block; margin-top:3px; font-size:12px; color:#637a6c; line-height:1.5; }
.df-work-preset__check { display:grid; place-items:center; flex:none; width:20px; height:20px; border:1px solid #cddbd2; border-radius:50%; color:transparent; background:#fff; }
.df-work-preset:has(input:checked) .df-work-preset__check { color:#fff; border-color:#138449; background:#138449; }
.df-work-preset__check svg { width:13px; height:13px; }
.df-work-preview { margin:16px 0 12px; padding:16px 18px; border:1px solid #e5ece7; border-radius:12px; background:#fafcfb; }
.df-work-preview>strong { font-size:13px; font-weight:600; }
.df-work-preview>p { font-size:12px; color:#667d6f; margin:4px 0 10px; }
.df-work-preview ul { display:grid; gap:7px; list-style:none; margin:0; padding:0; }
.df-work-preview li { display:flex; align-items:center; gap:8px; font-size:12px; color:#526b5d; }
.df-work-preview li svg { width:14px; height:14px; color:#4b9065; }
.df-work-drawer .df-work__help { font-size:12px; color:#6c7f73; line-height:1.65; }
.df-work-overview { margin:18px 0 0; }
.df-work-overview>div:first-child { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px; font-size:12px; color:#66796d; }
.df-work-drawer .df-work__badge { font-size:11px; padding:5px 9px; }
.df-work-overview__bar { margin-top:12px; height:4px; background:#edf2ee; border-radius:4px; }
.df-work-overview__bar>span { display:block; height:100%; background:#28c96a; border-radius:inherit; }
.df-work-tabs { display:flex; gap:6px; margin:24px 0; padding:5px; background:#f1f5f2; border:1px solid #e9eeeb; border-radius:12px; }
.df-work-tabs .df-work__button { flex:1; border:0; background:transparent; color:#6a7d71; box-shadow:none; }
.df-work-tabs .df-work__button[aria-pressed=true] { background:#fff; color:#1b5130; box-shadow:0 1px 4px rgba(23,57,37,.08); }
.df-work-tabs .df-work__button>span { color:#77867d; font-size:11px; font-weight:500; }
.df-work-section__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.df-work-section__head>div { min-width:0; }
.df-work-section__head h3 { font-size:18px; font-weight:650; letter-spacing:-.025em; }
.df-work-section__head p { font-size:13px; color:#6c7e72; margin-top:4px; }
.df-work-section__head>.df-work__button { flex:none; }
.df-work-person { display:flex; align-items:center; gap:14px; padding:18px 16px; margin-top:10px; border:1px solid #e1e9e3; border-radius:13px; }
.df-work-person__avatar { display:grid; place-items:center; flex:none; width:42px; height:42px; background:#eff7f1; color:#356545; border-radius:50%; font-size:13px; font-weight:650; }
.df-work-person__copy { flex:1; min-width:0; display:grid; gap:3px; }
.df-work-person__copy small { color:#61806b; font-size:11px; }
.df-work-person__copy strong { font-size:15px; font-weight:600; }
.df-work-person__copy>span { color:#728478; font-size:12px; }
.df-work-drawer .df-work__issue { font-size:12px; line-height:1.5; }
.df-work-next { display:flex; align-items:center; gap:12px; padding:18px 0; margin-top:10px; }
.df-work-next>svg { color:#699477; }
.df-work-next>div { flex:1; min-width:0; }
.df-work-next strong { font-size:13px; font-weight:600; }
.df-work-next p { margin-top:4px; color:#77897c; font-size:12px; line-height:1.6; }
.df-work-empty { text-align:center; padding:36px 22px; border:1px dashed #dce7df; border-radius:13px; color:#667f6e; }
.df-work-empty>svg { width:28px; height:28px; margin-bottom:8px; }
.df-work-empty h4,.df-work-empty h3 { font-size:17px; font-weight:600; color:#385542; margin-bottom:6px; }
.df-work-empty p { font-size:13px; line-height:1.6; max-width:42ch; margin:auto; }
.df-work-phase { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:20px; padding:12px 0; border-bottom:1px solid #e5ece7; }
.df-work-phase h4 { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:#4e6a58; }
.df-work-phase h4 svg { width:15px; height:15px; }
.df-work-phase>span { color:#7a8b7e; font-size:11px; }
.df-work-checkrow { display:flex; align-items:flex-start; gap:12px; padding:18px 0; border-bottom:1px solid #edf2ee; }
.df-work-checkrow__check { display:grid; place-items:center; flex:none; width:38px; height:38px; border:1px solid #dce6df; border-radius:10px; background:#fff; color:#829889; padding:0; cursor:pointer; }
.df-work-checkrow[data-status=done] .df-work-checkrow__check { color:#127c42; border-color:#c8e4d1; background:#eaf7ee; }
.df-work-checkrow[data-status=blocked] .df-work-checkrow__check { color:#9a692b; border-color:#ead5b3; background:#fffaef; }
.df-work-checkrow__copy { display:grid; gap:4px; flex:1; min-width:0; }
.df-work-checkrow__copy>strong { font-size:14px; font-weight:600; line-height:1.5; }
.df-work-checkrow__copy>span,.df-work-checkrow__copy>small { font-size:11px; color:#718376; line-height:1.6; }
.df-work-checkrow__copy>p { font-size:12px; line-height:1.6; color:#5d7464; white-space:pre-wrap; }
.df-work-checkrow__status { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:3px; }
.df-work-checkrow__actions { display:flex; flex-wrap:wrap; gap:4px; flex:none; max-width:130px; }
.df-work-checkrow__actions .df-work__button { min-height:38px; padding:8px 9px; border-color:transparent; color:#4d7059; }
.df-work-only-mine { padding:4px 0 6px; }
.df-work-drawer .df-work-options { margin-top:20px; border-top:1px solid #e5ece7; padding-top:15px; }
.df-work-options>summary { display:flex; align-items:center; gap:8px; list-style:none; font-size:13px; font-weight:600; color:#486650; cursor:pointer; min-height:40px; }
.df-work-options>summary::-webkit-details-marker { display:none; }
.df-work-options>summary>.lucide-chevron-right { margin-left:auto; color:#708a79; transition:transform .18s ease; }
.df-work-options[open]>summary>.lucide-chevron-right { transform:rotate(90deg); }
.df-work-options>div { display:grid; gap:12px; padding-top:12px; }
.df-work-options>div>p { font-size:12px; line-height:1.6; color:#6a7f70; }
.df-work-options>div>.df-work__button { justify-self:start; }
.df-work-drawer .df-work__history { margin:18px 0 0; padding:0; border-top:1px solid #e5ece7; }
.df-work-drawer .df-work__history>summary { min-height:48px; display:flex; align-items:center; gap:8px; list-style:none; font-size:13px; color:#5d7766; }
.df-work-drawer .df-work__history ol { padding:0 0 8px; }
.df-work-drawer .df-work-disclaimer { margin-top:14px; font-size:11px; }
.df-work-drawer .df-work__editor { border:0; background:none; border-radius:0; margin:0; padding:0; gap:20px; }
.df-work-drawer .df-work__editor>h4,.df-work-drawer .df-work__editor>.df-work__actions { display:none; }
.df-work-drawer .df-work__field { font-size:13px; color:#496351; gap:8px; }
.df-work-drawer .df-work__field :is(input,select,textarea) { min-height:46px; font-size:15px; padding:11px 13px; border-radius:10px; }
.df-work-drawer .df-work__check { font-size:13px; }
.df-work-editor-intro { margin-bottom:24px; }
.df-work-editor-intro>p { font-size:13px; color:#6a8172; }
.df-work-editor-intro>h3 { font-size:20px; line-height:1.4; font-weight:650; margin-top:12px; }
.df-work-drawer .df-work__editor .df-work__message { font-size:13px; }
.df-work-remove { margin-top:24px; padding-top:18px; border-top:1px solid #e8eeea; }
.df-work-remove>.df-work__button { border:0; color:#99634c; padding-inline:0; background:none; }
.df-work-drawer .df-work__error { margin:0 0 20px; font-size:13px; }
.df-work-drawer .df-work__warning { margin:18px 0 0; font-size:13px; }
.df-work-confirm-screen { padding:30px 4px; }
.df-work-confirm-screen>svg { width:30px; height:30px; color:#537c60; margin-bottom:18px; }
.df-work-confirm-screen h3 { font-size:23px; font-weight:650; line-height:1.3; margin-bottom:12px; letter-spacing:-.025em; }
.df-work-confirm-screen p { font-size:14px; line-height:1.75; color:#61796a; }
.df-work-leave { padding:18px; margin-bottom:24px; border:1px solid #e7d3ad; border-radius:12px; background:#fffcf4; }
.df-work-leave>strong { font-size:14px; color:#795b24; }
.df-work-leave>p { margin:6px 0 14px; font-size:13px; color:#876f45; line-height:1.6; }
@media(max-width:900px) { .df-work-drawer.df-team-work-v1 { width:100vw; } }
@media(max-width:600px) {
  .df-work-drawer .df-work-drawer__header { padding:16px 18px; gap:12px; }
  .df-work-drawer .df-ui-drawer-header-v2__title { font-size:24px; }
  .df-work-drawer .df-work-drawer__body { padding:18px 18px 24px; }
  .df-work-drawer .df-work-drawer__footer { padding:12px 18px max(12px,env(safe-area-inset-bottom)); flex-wrap:wrap; gap:8px; }
  .df-work-drawer__footer>p { flex-basis:100%; font-size:11px; }
  .df-work-drawer__footer>.df-work__actions { width:100%; }
  .df-work-drawer__footer .df-work__button--primary { flex:1; }
  .df-work-drawer .df-work-trip { padding:14px; gap:11px; }
  .df-work-trip strong { font-size:15px; }
  .df-work-drawer .df-work__field :is(input,select,textarea) { font-size:16px; }
  .df-work-drawer .df-work__grid { grid-template-columns:minmax(0,1fr); }
  .df-work-tabs { margin:20px 0; }
  .df-work-tabs .df-work__button { padding:9px 8px; gap:6px; }
  .df-work-person { padding:15px 12px; gap:10px; }
  .df-work-person__avatar { width:36px; height:36px; }
  .df-work-person__copy strong { font-size:14px; }
  .df-work-next { flex-wrap:wrap; }
  .df-work-next>.df-work__button { margin-left:30px; }
  .df-work-section__head { flex-wrap:wrap; gap:12px; }
  .df-work-section__head h3 { font-size:17px; }
  .df-work-checkrow { gap:10px; flex-wrap:wrap; }
  .df-work-checkrow__check { width:44px; height:44px; }
  .df-work-checkrow__copy { flex-basis:calc(100% - 54px); }
  .df-work-checkrow__actions { margin-left:54px; max-width:none; }
  .df-work-checkrow__actions .df-work__button { min-height:44px; padding:10px 12px; }
  .df-work-checkrow__actions [data-work-action=edit-task] { border-color:#e3ebe6; }
}

/* v0.6.1259: Experience definitions share the operational drawer shell. Chips
   label task categories; a category has one canonical name across experiences. */
.df-checklist-entry { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin:0 0 22px; padding:18px; border:1px solid #dce9e1; border-radius:14px; background:#f5faf7; font-family:Inter,system-ui,sans-serif; }
.df-checklist-entry>div { flex:1; min-width:180px; }
.df-checklist-entry strong { font-size:15px; color:#1a3c29; }
.df-checklist-entry p,.df-checklist-entry small { margin:5px 0 0; font-size:12px; color:#657c6e; line-height:1.6; }
.df-checklist-entry>small { flex-basis:100%; }
.df-checklist-entry .df-work__button { display:inline-flex; align-items:center; gap:8px; border:1px solid #d1e2d7; border-radius:10px; padding:11px 14px; background:white; color:#225b38; font:600 13px Inter,system-ui,sans-serif; cursor:pointer; }
.df-checklist-entry svg { width:18px; height:18px; }
.df-checklist-entry button:disabled { opacity:.6; cursor:default; }
.df-checklist-drawer [data-cl-action=back] { padding:0; min-height:32px; border:0; background:transparent; justify-content:flex-start; color:#60746a; font-size:12px; }
.df-checklist-drawer [data-cl-action=close][aria-label] { width:44px; height:44px; padding:0; flex:none; background:#f8fbf9; }
.df-checklist-hero { display:flex; align-items:center; gap:14px; padding:20px; border-radius:16px; border:1px solid #dce8e0; background:linear-gradient(110deg,#f1f9f4,#fcfefc); }
.df-checklist-hero>div { flex:1; min-width:0; }
.df-checklist-hero strong { display:block; font-size:17px; font-weight:650; letter-spacing:-.025em; overflow-wrap:anywhere; }
.df-checklist-hero p { margin:5px 0 0; color:#627b6b; font-size:13px; }
.df-checklist-enable { position:relative; display:flex; align-items:flex-start; gap:12px; margin:20px 0; padding:16px 0; border-bottom:1px solid #e3ebe6; cursor:pointer; }
/* Keep the native input keyboard-accessible; shared Switch V2 owns all switch chrome and states. */
.df-checklist-enable input { position:absolute; width:1px; height:1px; margin:0; padding:0; border:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.df-checklist-enable__copy { display:grid; flex:1; min-width:0; gap:5px; }
.df-checklist-enable strong { font-size:13px; font-weight:600; }
.df-checklist-enable small { color:#718276; font-size:12px; line-height:1.6; }
.df-checklist-roles { display:flex; align-items:flex-start; gap:8px; margin:0 0 26px; }
.df-checklist-roles svg { flex:none; }
.df-checklist-group { margin:24px 0; }
.df-checklist-group h3 { display:flex; align-items:center; gap:10px; margin:0 0 10px; }
.df-checklist-group h3>small { font-size:12px; font-weight:500; color:#839087; }
.df-checklist-chip { display:inline-flex!important; width:fit-content; max-width:100%; align-items:center; gap:6px; padding:5px 10px; border:1px solid #d6e7dd; border-radius:999px; background:#eff7f2; color:#35704c!important; font-size:11px!important; font-weight:600; line-height:1.4; overflow-wrap:anywhere; }
.df-checklist-chip button { display:inline-flex; align-items:center; justify-content:center; padding:0; min-width:28px; min-height:28px; border:0; background:none; color:inherit; cursor:pointer; }
.df-checklist-chip button svg { width:14px; height:14px; }
.df-checklist-row { display:flex; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid #edf1ee; }
.df-checklist-row__mark { display:grid; place-items:center; width:32px; height:32px; color:#adc5b5; background:#f7faf8; border-radius:10px; flex:none; }
.df-checklist-row>div { flex:1; min-width:0; }
.df-checklist-row strong { font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.df-checklist-row p { margin:5px 0 0; color:#66806e; font-size:12px; line-height:1.5; }
.df-checklist-row small { display:block; margin-top:4px; font-size:11px; color:#87948b; }
.df-checklist-row button { width:44px; height:44px; flex:none; padding:0!important; }
.df-checklist-empty { text-align:center; padding:36px 15px; color:#667d6e; }
/* Center the block-level Lucide icon above the checklist empty-state text. */
.df-checklist-empty>svg { display:block; width:30px; height:30px; color:#5d9272; margin:0 auto 15px; }
.df-checklist-empty h3 { color:#234c32; font-size:19px; letter-spacing:-.025em; }
.df-checklist-empty p { max-width:38ch; margin:10px auto 20px; font-size:13px; line-height:1.7; }
.df-checklist-empty .df-work__actions { justify-content:center; flex-wrap:wrap; }
.df-checklist-empty small { display:block; margin-top:15px; font-size:11px; }
.df-checklist-note { margin-top:28px!important; padding-top:18px; border-top:1px solid #e5ece7; }
.df-checklist-context { margin:0 0 24px!important; color:#748a7a; font-size:13px; }
.df-checklist-category { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:8px 10px; min-height:48px; border:1px solid #dae4dd; border-radius:10px; background:white; }
.df-checklist-category:focus-within { border-color:#67ad80; box-shadow:0 0 0 3px rgba(59,148,91,.1); }
.df-checklist-drawer .df-checklist-category input[type=text] { flex:1; min-width:120px; width:auto; border:0; box-shadow:none; outline:none; padding:4px; min-height:30px; border-radius:0; font-size:14px; }
.df-checklist-suggestions { border:1px solid #dce7e0; border-radius:12px; background:white; margin-top:5px; padding:5px; max-height:230px; overflow-y:auto; box-shadow:0 10px 25px rgba(23,57,36,.07); }
.df-checklist-suggestions[hidden] { display:none!important; }
.df-checklist-suggestions button { display:flex; width:100%; align-items:center; gap:9px; padding:10px; min-height:42px; border:0; background:none; color:#325a40; text-align:left; font:500 13px Inter,system-ui,sans-serif; border-radius:8px; cursor:pointer; }
.df-checklist-suggestions button:hover,.df-checklist-suggestions button[aria-selected=true] { background:#edf8f0; }
.df-checklist-suggestions button svg { width:16px; height:16px; }
.df-checklist-undo { display:flex; align-items:center; gap:10px; font-size:12px; color:#597763; }
.df-checklist-drawer [data-cl-action=remove] { margin-right:auto; color:#a44a40; border-color:transparent; background:none; }
.df-work-drawer [data-work-save-status],.df-work-drawer [data-cl-status] { display:flex; align-items:center; gap:7px; }
.df-team-work-v1[aria-busy=true] .lucide-refresh-cw { animation:df-work-saving .9s linear infinite; }
@keyframes df-work-saving { to { transform:rotate(360deg); } }
@media(max-width:600px){
 .df-checklist-hero { padding:15px; flex-wrap:wrap; }
 .df-checklist-hero>.df-work__badge { margin-left:50px; }
 .df-checklist-drawer .df-checklist-category input[type=text] { font-size:16px; }
 .df-checklist-drawer .df-work-drawer__footer .df-work__actions { flex-wrap:wrap; }
 .df-checklist-chip button { min-width:36px; min-height:36px; }
 .df-checklist-row__mark { display:none; }
 .df-checklist-suggestions button { min-height:44px; }
 .df-checklist-entry .df-work__button { min-height:44px; }
}
@media(prefers-reduced-motion:reduce){.df-team-work-v1[aria-busy=true] .lucide-refresh-cw { animation:none; }}