/* Compact tasks use the active CRM theme. Menus live in the top layer. */
:root{--task-tint:7%;--task-menu-shadow:0 8px 28px #172b4526;--task-danger:#bd364f}
:root[data-theme=dark]{--task-tint:23%;--task-menu-shadow:0 12px 36px #0007;--task-danger:#ffacba}
:root .task-card,:root .order-task-item{background:color-mix(in srgb,var(--task-accent,#2864e7) var(--task-tint),var(--ui-surface));color:var(--ui-ink);border:1px solid var(--ui-line);border-left:3px solid var(--task-accent,#2864e7);border-radius:8px;box-shadow:none}
:root .task-card{padding:9px 10px;margin-bottom:8px;min-height:0}
:root .task-card .task-card-heading{display:grid;grid-template-columns:18px minmax(0,1fr) 26px;align-items:start;gap:8px;margin:0;padding:0}
:root .task-card .task-card-heading>input{width:17px;height:17px;min-height:17px;margin:4px 0 0;accent-color:var(--ui-primary)}
:root .task-card .task-card-heading .card-open{display:block;width:100%;min-width:0;min-height:26px;margin:0;padding:3px 0;border:0;background:transparent;text-align:left}
:root .task-card .task-card-heading h3{display:block;margin:0;font-size:13px;font-weight:500;line-height:1.45;white-space:normal;overflow-wrap:anywhere;color:var(--ui-ink)}
:root .task-card .task-preview{font-size:12px;line-height:1.4;margin:5px 0 0 26px;-webkit-line-clamp:2;color:var(--ui-muted)}
:root .task-card .task-order,:root .task-card .task-assignee{display:block;margin:5px 0 0 26px;font-size:11px;line-height:1.4;color:var(--ui-muted)}
:root .task-card .card-gallery{margin:-9px -10px 8px;border-radius:6px 6px 0 0;max-height:110px}
:root .task-card .task-subtasks{margin:6px 0 0 26px;padding:0;border:0}
:root .task-card .task-subtasks>details>summary{min-height:24px;padding:2px 0;font-size:11px;gap:6px;color:var(--ui-muted)}
:root .task-card .subtask-progress{max-width:72px}
:root .task-options{display:inline-flex;align-items:center;justify-content:center;position:static;margin:0;padding:0;flex:0 0 auto;line-height:1}
:root .task-options>[data-task-options-toggle]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-height:26px;min-width:26px;max-width:26px;margin:0;padding:0;border:0;border-radius:5px;background:transparent;color:var(--ui-muted);font-size:20px;line-height:1;box-shadow:none}
:root .task-options>[data-task-options-toggle]:hover,:root .task-options>[aria-expanded=true]{background:var(--ui-soft);color:var(--ui-primary)}
:root .task-options-menu{position:fixed;inset:auto;margin:0;padding:6px;width:276px;max-width:calc(100vw - 16px);min-width:0;max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;z-index:10000;box-sizing:border-box;background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:10px;box-shadow:var(--task-menu-shadow);font-size:13px;text-align:left}
:root .task-options-menu::backdrop{background:transparent;pointer-events:none}
:root .task-options-menu .task-menu-action{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;margin:0;padding:7px 8px;border:0;border-radius:5px;background:transparent;color:var(--ui-ink);font-size:13px;font-weight:400;line-height:1.35;text-align:left;white-space:normal;box-shadow:none}
:root .task-options-menu .task-menu-action svg{flex:0 0 17px;color:var(--ui-muted)}
:root .task-options-menu button:hover{background:var(--ui-soft)}
:root .task-options-menu .task-menu-colors{margin:5px -6px 0;padding:10px 13px 7px;border-top:1px solid var(--ui-line)}
:root .task-menu-colors>span{display:block;margin-bottom:9px;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-muted)}
:root .task-color-swatches{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}
:root .task-options-menu .task-color-swatches button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:24px;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--ui-ink) 18%,transparent);border-radius:50%;color:white;font-size:14px;line-height:1;text-shadow:0 1px 2px #0009}
:root .task-color-swatches button[aria-pressed=true]{outline:2px solid var(--ui-ink);outline-offset:2px}
:root .task-options-menu .task-more-colors{display:block;width:auto;padding:3px 0;margin:8px 0 0;min-height:20px;border:0;background:transparent;color:var(--ui-muted);font-size:11px}
:root .task-menu-footer{margin:3px -6px -6px;padding:4px 6px;border-top:1px solid var(--ui-line)}
:root .task-options-menu .task-menu-remove,:root .task-options-menu .task-menu-remove svg{color:var(--task-danger)}
:root .task-menu-error{font-size:12px;color:var(--task-danger);margin:5px 8px;line-height:1.4;overflow-wrap:anywhere}
:root .task-deadline-label{display:inline-flex;gap:4px;align-items:center;max-width:100%;margin:5px 0 0;padding:2px 5px;background:var(--ui-raised);border-radius:4px;color:var(--ui-muted);font-size:10px;line-height:1.4;font-weight:400;white-space:normal}
:root .task-card>.task-deadline-label{margin-left:26px}
:root .task-panel-options{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;margin:5px 0;border:0;background:var(--ui-raised);border-radius:6px}
:root .order-task-item{margin:5px 0;padding:0;overflow:hidden}
:root .order-task-item>summary{display:flex;align-items:flex-start;gap:7px;min-height:38px;margin:0;padding:7px 6px 7px 9px;list-style:none;cursor:pointer}
:root .order-task-item>summary::-webkit-details-marker{display:none}
:root .order-task-item>summary>input{flex:0 0 16px;width:16px;height:16px;min-height:16px;margin:4px 0 0;accent-color:var(--ui-primary)}
:root .order-task-item>summary>.order-task-title{flex:1;min-width:0;padding-top:3px;line-height:1.45;font-size:12px;font-weight:400;overflow-wrap:anywhere;color:var(--ui-ink)}
:root .order-task-item>summary>.order-task-title>.task-deadline-label{display:flex;width:fit-content}
:root .order-task-item>summary>small{flex:0 0 auto;align-self:center;font-size:10px;color:var(--ui-muted);white-space:nowrap}
:root .order-task-item>summary>.task-options{flex:0 0 26px;min-width:26px}
:root .order-task-item.is-done>summary .order-task-title{text-decoration:line-through;opacity:.65}
:root .order-task-item .order-task-content{padding:0 9px 8px;background:transparent;border:0}
:root .order-subtasks:empty{display:none}
:root .order-task-item .order-subtask{display:flex;align-items:center;gap:7px;min-height:30px;padding:4px 0;border-color:var(--ui-line);font-size:12px}
:root .order-task-item .order-subtask input{width:15px;height:15px;min-height:15px;margin:0;flex:none}
:root .order-task-item .order-subtask button{width:24px;min-height:24px;padding:0;background:transparent;border:0;color:var(--ui-muted)}
:root .order-task-chat{margin-top:3px;border-top:1px solid var(--ui-line)}
:root .order-task-chat>summary{min-height:30px;padding:7px 0 2px;font-size:11px;color:var(--ui-muted);cursor:pointer;line-height:1.4}
:root .order-task-chat .order-task-messages{max-height:230px;overflow:auto;overscroll-behavior:contain;margin:5px 0}
:root .order-task-messages:empty{display:none}
:root .order-task-messages article{padding:7px 0;background:transparent;border-color:var(--ui-line)}
:root .order-task-messages article small{font-size:10px;color:var(--ui-muted)}
:root .order-task-messages article p{font-size:12px;margin:4px 0;color:var(--ui-ink)}
:root .order-task-messages .photos{gap:6px;margin:6px 0}
:root .order-task-messages .photos img{width:64px;height:58px}
:root .order-task-comment{margin:6px 0 0;padding:0;gap:5px}
:root .order-task-comment textarea{min-height:38px;height:38px;padding:8px 9px;line-height:1.4;font-size:12px;border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-ink)}
:root .order-task-comment textarea:focus{min-height:62px}
:root .order-task-comment-tools{gap:6px;margin:0;padding:0}
:root .order-task-comment-tools button{min-height:28px;font-size:11px;padding:4px 8px;background:var(--ui-surface);color:var(--ui-primary)}
:root .order-task-toolbar{margin:0 0 5px;padding:0;gap:5px}
:root .order-task-toolbar small{font-size:10px;color:var(--ui-muted)}
:root .order-task-toolbar button{min-height:24px;width:24px;padding:0;border:0;background:transparent}
:root [data-order-task-add]{padding:5px 0;min-height:28px;background:transparent;border:0;font-size:11px;color:var(--ui-primary)}
:root [data-order-task-error]:empty{display:none}
@media(max-width:700px){
 :root .task-card{padding:9px;margin-bottom:8px}
 :root .task-card .task-card-heading{grid-template-columns:20px minmax(0,1fr) 34px;gap:7px}
 :root .task-card .task-card-heading>input{width:19px;height:19px;min-height:19px;margin-top:7px}
 :root .task-card .task-card-heading .card-open{padding:6px 0;min-height:34px}
 :root .task-card .task-card-heading h3{font-size:14px;line-height:1.45}
 :root .task-options>[data-task-options-toggle]{width:34px;height:34px;min-height:34px;min-width:34px;max-width:34px;font-size:22px}
 :root .task-options-menu{width:296px;border-radius:12px;padding:7px}
 :root .task-options-menu .task-menu-action{min-height:42px;font-size:14px;padding:9px 8px}
 :root .task-options-menu .task-color-swatches button{width:25px;height:25px;min-height:25px}
 :root .task-menu-colors>span{font-size:11px}
 :root .task-options-menu .task-more-colors{min-height:30px;font-size:12px}
 :root .order-task-item>summary{min-height:48px;padding:6px;gap:6px}
 :root .order-task-item>summary>input{margin-top:9px;width:18px;height:18px;min-height:18px;flex-basis:18px}
 :root .order-task-item>summary>.order-task-title{padding-top:7px;font-size:13px}
 :root .order-task-item>summary>.task-options{flex-basis:34px;min-width:34px}
 :root .order-task-item>summary>small{font-size:10px;max-width:48px;white-space:normal;text-align:right}
 :root .order-task-chat>summary{min-height:38px;font-size:12px;padding:10px 0 6px}
 :root .order-task-comment textarea{min-height:44px;height:44px}
 :root .order-task-comment-tools button{min-height:36px;font-size:12px}
 :root .task-deadline-label,:root .board .card .task-deadline-label{font-size:10px}
 :root .order-task-messages article p{font-size:12px}
 :root .order-task-messages article small{font-size:10px}
}

:root[data-theme=dark]:not(.crm-calculator-page) :is(.task-card,.order-task-item){background:color-mix(in srgb,var(--task-accent,#2864e7) var(--task-tint),var(--ui-surface));border-left-color:var(--task-accent,#2864e7)}

:root dialog:has(.task-deadline-form),:root dialog:has(.task-color-palette){width:440px;max-width:calc(100vw - 16px)}
:root .task-deadline-form .fields{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px}
:root .task-deadline-form .fields>p{margin:0;font-size:12px;line-height:1.5;color:var(--ui-muted)}
:root .task-deadline-form .task-deadline-actions{gap:8px;flex-direction:column;align-items:flex-start}
:root .task-deadline-actions button{padding:4px 0;border:0;background:transparent;color:var(--ui-primary);font-size:12px;text-align:left;min-height:28px}

:root .task-card .add-subtask,:root .order-task-add-subtask{border:0;background:transparent;color:var(--ui-primary);padding:4px 0;font-size:11px;min-height:26px;text-align:left}
:root .task-card .quick-create,:root .order-task-item .quick-create{margin:5px 0;padding:0;border:0;background:transparent;min-width:0}
:root .task-card .quick-create input,:root .order-task-item .quick-create input{width:100%;min-width:0;min-height:42px;box-sizing:border-box;background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:6px;padding:9px 52px 9px 9px;font-size:12px}
:root .task-card .quick-create-actions,:root .order-task-item .quick-create-actions{top:9px;right:5px}
:root .task-card .subtask-card{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
@media(max-width:700px){:root .task-card .add-subtask,:root .order-task-add-subtask{min-height:34px}:root .task-card .quick-create input,:root .order-task-item .quick-create input{font-size:16px;min-height:44px}}

/* Static palette rules work under the CRM Content Security Policy. */
:root [data-task-color="sand"]{--task-accent:#d6ab40;--task-pale:#fff8e7}
:root .task-options-menu [data-task-color-choice="sand"],:root [data-task-swatch="sand"]{background:#d6ab40!important}
:root [data-task-color="purple"]{--task-accent:#8456ed;--task-pale:#f3edff}
:root .task-options-menu [data-task-color-choice="purple"],:root [data-task-swatch="purple"]{background:#8456ed!important}
:root [data-task-color="blue"]{--task-accent:#2864e7;--task-pale:#edf3ff}
:root .task-options-menu [data-task-color-choice="blue"],:root [data-task-swatch="blue"]{background:#2864e7!important}
:root [data-task-color="cyan"]{--task-accent:#10a9d5;--task-pale:#e9faff}
:root .task-options-menu [data-task-color-choice="cyan"],:root [data-task-swatch="cyan"]{background:#10a9d5!important}
:root [data-task-color="orange"]{--task-accent:#e842b6;--task-pale:#fff0fa}
:root .task-options-menu [data-task-color-choice="orange"],:root [data-task-swatch="orange"]{background:#e842b6!important}
:root [data-task-color="green"]{--task-accent:#16a49c;--task-pale:#e9faf7}
:root .task-options-menu [data-task-color-choice="green"],:root [data-task-swatch="green"]{background:#16a49c!important}
:root [data-task-color="slate"]{--task-accent:#8290a9;--task-pale:#f0f3f8}
:root .task-options-menu [data-task-color-choice="slate"],:root [data-task-swatch="slate"]{background:#8290a9!important}
:root [data-task-color="red"]{--task-accent:#df404b;--task-pale:#fff0f1}
:root .task-options-menu [data-task-color-choice="red"],:root [data-task-swatch="red"]{background:#df404b!important}
:root [data-task-color="coral"]{--task-accent:#ef7364;--task-pale:#fff2ee}
:root .task-options-menu [data-task-color-choice="coral"],:root [data-task-swatch="coral"]{background:#ef7364!important}
:root [data-task-color="peach"]{--task-accent:#dc9772;--task-pale:#fff4ec}
:root .task-options-menu [data-task-color-choice="peach"],:root [data-task-swatch="peach"]{background:#dc9772!important}
:root [data-task-color="amber"]{--task-accent:#db8a22;--task-pale:#fff5e5}
:root .task-options-menu [data-task-color-choice="amber"],:root [data-task-swatch="amber"]{background:#db8a22!important}
:root [data-task-color="lemon"]{--task-accent:#b6a91d;--task-pale:#fffde5}
:root .task-options-menu [data-task-color-choice="lemon"],:root [data-task-swatch="lemon"]{background:#b6a91d!important}
:root [data-task-color="lime"]{--task-accent:#87aa28;--task-pale:#f5fbe5}
:root .task-options-menu [data-task-color-choice="lime"],:root [data-task-swatch="lime"]{background:#87aa28!important}
:root [data-task-color="emerald"]{--task-accent:#279460;--task-pale:#eaf8ef}
:root .task-options-menu [data-task-color-choice="emerald"],:root [data-task-swatch="emerald"]{background:#279460!important}
:root [data-task-color="mint"]{--task-accent:#65ad91;--task-pale:#edf9f3}
:root .task-options-menu [data-task-color-choice="mint"],:root [data-task-swatch="mint"]{background:#65ad91!important}
:root [data-task-color="teal"]{--task-accent:#287f83;--task-pale:#eaf5f5}
:root .task-options-menu [data-task-color-choice="teal"],:root [data-task-swatch="teal"]{background:#287f83!important}
:root [data-task-color="sky"]{--task-accent:#59a6e4;--task-pale:#edf7ff}
:root .task-options-menu [data-task-color-choice="sky"],:root [data-task-swatch="sky"]{background:#59a6e4!important}
:root [data-task-color="azure"]{--task-accent:#188ccc;--task-pale:#eaf6ff}
:root .task-options-menu [data-task-color-choice="azure"],:root [data-task-swatch="azure"]{background:#188ccc!important}
:root [data-task-color="indigo"]{--task-accent:#5255b6;--task-pale:#efeffc}
:root .task-options-menu [data-task-color-choice="indigo"],:root [data-task-swatch="indigo"]{background:#5255b6!important}
:root [data-task-color="lavender"]{--task-accent:#9a89ce;--task-pale:#f6f2ff}
:root .task-options-menu [data-task-color-choice="lavender"],:root [data-task-swatch="lavender"]{background:#9a89ce!important}
:root [data-task-color="lilac"]{--task-accent:#b77bc6;--task-pale:#faf0fc}
:root .task-options-menu [data-task-color-choice="lilac"],:root [data-task-swatch="lilac"]{background:#b77bc6!important}
:root [data-task-color="magenta"]{--task-accent:#ad4094;--task-pale:#fbedf7}
:root .task-options-menu [data-task-color-choice="magenta"],:root [data-task-swatch="magenta"]{background:#ad4094!important}
:root [data-task-color="fuchsia"]{--task-accent:#cb3e8b;--task-pale:#ffedf7}
:root .task-options-menu [data-task-color-choice="fuchsia"],:root [data-task-swatch="fuchsia"]{background:#cb3e8b!important}
:root [data-task-color="rose"]{--task-accent:#c88f9b;--task-pale:#fff2f4}
:root .task-options-menu [data-task-color-choice="rose"],:root [data-task-swatch="rose"]{background:#c88f9b!important}
:root [data-task-color="burgundy"]{--task-accent:#973a58;--task-pale:#f8edf2}
:root .task-options-menu [data-task-color-choice="burgundy"],:root [data-task-swatch="burgundy"]{background:#973a58!important}
:root [data-task-color="brown"]{--task-accent:#98735c;--task-pale:#f7f1ec}
:root .task-options-menu [data-task-color-choice="brown"],:root [data-task-swatch="brown"]{background:#98735c!important}
:root [data-task-color="beige"]{--task-accent:#ad9b78;--task-pale:#faf6ee}
:root .task-options-menu [data-task-color-choice="beige"],:root [data-task-swatch="beige"]{background:#ad9b78!important}
:root [data-task-color="olive"]{--task-accent:#858b44;--task-pale:#f4f6e9}
:root .task-options-menu [data-task-color-choice="olive"],:root [data-task-swatch="olive"]{background:#858b44!important}
:root [data-task-color="steel"]{--task-accent:#537b94;--task-pale:#edf4f8}
:root .task-options-menu [data-task-color-choice="steel"],:root [data-task-swatch="steel"]{background:#537b94!important}
:root [data-task-color="task_charcoal"]{--task-accent:#343d49;--task-pale:#edf0f3}
:root .task-options-menu [data-task-color-choice="task_charcoal"],:root [data-task-swatch="task_charcoal"]{background:#343d49!important}
:root [data-task-color="task_gray"]{--task-accent:#465365;--task-pale:#edf1f6}
:root .task-options-menu [data-task-color-choice="task_gray"],:root [data-task-swatch="task_gray"]{background:#465365!important}
:root [data-task-color="task_red"]{--task-accent:#87403e;--task-pale:#f9eeed}
:root .task-options-menu [data-task-color-choice="task_red"],:root [data-task-swatch="task_red"]{background:#87403e!important}
:root [data-task-color="task_rose"]{--task-accent:#783e59;--task-pale:#f6edf2}
:root .task-options-menu [data-task-color-choice="task_rose"],:root [data-task-swatch="task_rose"]{background:#783e59!important}
:root [data-task-color="task_gold"]{--task-accent:#81703a;--task-pale:#f7f3e8}
:root .task-options-menu [data-task-color-choice="task_gold"],:root [data-task-swatch="task_gold"]{background:#81703a!important}
:root [data-task-color="task_green"]{--task-accent:#355e36;--task-pale:#edf5ec}
:root .task-options-menu [data-task-color-choice="task_green"],:root [data-task-swatch="task_green"]{background:#355e36!important}
:root [data-task-color="task_teal"]{--task-accent:#29665e;--task-pale:#eaf5f2}
:root .task-options-menu [data-task-color-choice="task_teal"],:root [data-task-swatch="task_teal"]{background:#29665e!important}
:root [data-task-color="task_blue"]{--task-accent:#345575;--task-pale:#edf2f8}
:root .task-options-menu [data-task-color-choice="task_blue"],:root [data-task-swatch="task_blue"]{background:#345575!important}
:root [data-task-color="task_purple"]{--task-accent:#693b7b;--task-pale:#f5edf8}
:root .task-options-menu [data-task-color-choice="task_purple"],:root [data-task-swatch="task_purple"]{background:#693b7b!important}

:root .masterrek-brand img{background:transparent;border-radius:0}
/* Each child is its own card; its editor sits underneath the parent's heading. */
:root .task-name-line{display:flex;align-items:flex-start;gap:5px;min-width:0;flex:1;flex-wrap:wrap}
:root .task-name-line>[data-task-title]{min-width:0;flex:1;overflow-wrap:anywhere}
:root .task-card .task-card-heading .task-name-line>.card-open{width:auto;flex:1}
:root .task-rename-pencil{flex:0 0 22px;width:22px;min-width:22px;min-height:24px;padding:0;border:0;background:transparent;color:var(--ui-muted);font-size:16px}
:root .task-name-line>.task-deadline-label{flex-basis:100%}
:root .task-branch{min-width:0;margin:0;padding:0}
:root .task-branch>details>summary{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:11px;cursor:pointer;color:var(--ui-muted);list-style:none}
:root .task-branch>details>summary::-webkit-details-marker{display:none}
:root .task-branch progress{flex:1;min-width:20px;height:5px;accent-color:var(--ui-primary)}
:root .task-branch>details[open]>summary .tree-chevron{transform:rotate(180deg)}
:root .task-tree-list{padding-left:8px;border-left:1px solid var(--ui-primary);margin-left:2px}
:root .task-tree-node{margin:5px 0 0;min-width:0}
:root .task-tree-node>.subtask-card{background:color-mix(in srgb,var(--task-accent) var(--task-tint),var(--ui-surface));border:1px solid var(--ui-line);border-left:3px solid var(--task-accent);border-radius:7px;padding:7px}
:root .task-tree-heading{display:flex;align-items:flex-start;gap:6px;min-width:0;font-size:12px;line-height:1.4}
:root .task-tree-heading>input{width:16px;height:16px;min-height:16px;flex:none;margin:4px 0 0}
:root .task-tree-heading .task-name-line{padding-top:2px}
:root .subtask-done [data-task-title]{text-decoration:line-through;opacity:.7}
:root .task-branch .tree-add{background:transparent;border:0;color:var(--ui-primary);padding:5px 0;min-height:28px;font-size:11px;text-align:left}
:root .tree-editor-anchor{display:none}
:root .task-child-editor:has(.quick-create){margin:6px 0 4px 9px;padding-left:8px;border-left:1px solid var(--ui-primary)}
:root .task-card .task-child-editor .quick-create,:root .order-task-item .task-child-editor .quick-create{padding:0;margin:0}
:root .task-card .task-child-editor input,:root .order-task-item .task-child-editor input{min-height:60px;background:var(--ui-raised);border:1px solid var(--ui-line);padding-top:12px;padding-bottom:22px}
:root .task-inline-rename{display:flex;flex-wrap:wrap;gap:3px;flex:1;min-width:0;margin:0;padding:0}
:root .task-inline-rename input{flex:1;min-width:60px;width:0;padding:4px;min-height:28px;font-size:13px}
:root .task-inline-rename button{flex:0 0 22px;min-height:28px;padding:0;border:0;background:transparent;color:var(--ui-primary)}
:root .task-inline-rename [role=alert]{flex-basis:100%;font-size:11px;color:var(--task-danger)}
:root .task-inline-rename [role=alert]:empty{display:none}
@media(max-width:700px){:root .task-rename-pencil{min-height:32px}:root .task-branch .tree-add{min-height:34px}:root .task-tree-list{padding-left:5px;margin-left:0}:root .task-inline-rename input{font-size:16px}}
:root .task-tree-heading>input[type=checkbox]{appearance:none;-webkit-appearance:none;box-sizing:border-box;min-width:16px;padding:0;border:1.5px solid var(--ui-muted);border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}
:root .task-tree-heading>input[type=checkbox]::after{content:'✓';font-size:11px;font-weight:700;line-height:1;color:white;opacity:0}
:root .task-tree-heading>input[type=checkbox]:checked{background:#2a9a61;border-color:#2a9a61}
:root .task-tree-heading>input[type=checkbox]:checked::after{opacity:1}
:root .task-tree-heading>input[type=checkbox]:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}


/* Task titles grow as they wrap, including long pasted text without spaces. */
textarea[data-autogrow]{box-sizing:border-box;max-height:none;resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
:root .task-card .task-card-heading h3,:root .task-name-line [data-task-title]{white-space:pre-wrap}
.quick-create textarea[data-autogrow]{width:100%;min-width:0;min-height:36px;padding:7px 56px 7px 8px;font-size:12px;line-height:1.45}
:root :is(.task-card,.order-task-item) .quick-create textarea[data-autogrow]{width:100%;min-width:0;min-height:42px;padding:9px 56px 9px 9px;font-size:13px;background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:6px}
:root .task-inline-rename{align-items:flex-start}
:root .task-inline-rename textarea[data-autogrow]{flex:1;min-width:50px;width:0;min-height:30px;margin:0;padding:4px;font-size:13px;line-height:1.45;background:var(--ui-surface);color:var(--ui-ink)}
:root .order-task-comment textarea[data-autogrow],:root .order-task-comment textarea[data-autogrow]:focus{min-height:38px;line-height:1.45}
@media(max-width:700px){
 .quick-create textarea[data-autogrow],:root :is(.task-card,.order-task-item) .quick-create textarea[data-autogrow],:root .task-inline-rename textarea[data-autogrow]{font-size:16px;min-height:44px}
 :root .order-task-comment textarea[data-autogrow]{min-height:44px}
}

/* Give a new task the full card width, including on the first keystroke. */
:root .quick-create:has(textarea[data-autogrow]) .quick-create-actions{position:static;justify-content:flex-end;gap:8px}
:root .quick-create textarea[data-autogrow],:root :is(.task-card,.order-task-item) .quick-create textarea[data-autogrow]{min-height:6em;padding:10px;width:100%}
:root .task-name-line:has(.task-inline-rename){display:block}
:root .task-inline-rename{display:grid;grid-template-columns:minmax(0,1fr)}
:root .task-inline-rename textarea[data-autogrow]{width:100%;grid-column:1/-1;min-height:6em;padding:8px}
.board .card-title-line .price-badge{white-space:normal;text-align:right;overflow-wrap:anywhere;flex:0 1 auto}


/* Keep controls at the card edges and align the completion circle to the top. */
:root .task-card .task-card-heading{margin:-3px -6px 0;gap:4px;grid-template-columns:18px minmax(0,1fr) 26px}
:root .task-card .task-card-heading>input{margin:1px 0 0}
:root .task-name-line{gap:2px}
:root .task-name-line>.task-rename-pencil{margin-left:auto;align-self:flex-start}
:root .task-tree-heading{gap:4px}
:root .task-tree-heading>input{margin-top:1px}
:root .order-task-item>summary{padding-left:5px;padding-right:2px;gap:4px}
:root .order-task-item>summary>input{margin-top:1px}
.task-drop-before{box-shadow:0 -3px 0 var(--ui-primary)!important}
.task-drop-end{border-bottom:3px solid var(--ui-primary)!important}
@media(max-width:700px){:root .task-card .task-card-heading{grid-template-columns:20px minmax(0,1fr) 34px}:root .task-card .task-card-heading>input{margin-top:3px}}
/* The pencil follows the last text line, without taking a permanent column. */
:root .task-name-line{display:block;line-height:1.5}
:root .task-name-line>[data-task-title],:root .task-card .task-card-heading .task-name-line>.card-open{display:inline;width:auto;padding:0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;background:transparent;color:inherit;font:inherit;font-weight:600;border:0;border-radius:0}
:root .task-name-line>.task-rename-pencil{display:inline-block;vertical-align:baseline;margin:0 0 0 4px;min-width:22px;width:22px;height:24px;min-height:24px;opacity:0;visibility:hidden;transition:opacity .12s}
:root :is(.task-card-heading,.task-tree-heading,.task-panel-title,.task-name-line):is(:hover,:focus-within)>.task-name-line>.task-rename-pencil,
:root .task-name-line:is(:hover,:focus-within)>.task-rename-pencil,
:root .order-task-item>summary:is(:hover,:focus-within)>.task-name-line>.task-rename-pencil{opacity:1;visibility:visible}
:root .task-name-line>.task-deadline-label{display:block}
:root .task-title-trigger{cursor:pointer}
:root .task-title-trigger:focus-visible{outline:2px solid var(--ui-primary);outline-offset:3px;border-radius:3px}
:root .card-selected{border-left-color:#4d94ff!important;box-shadow:inset 3px 0 #4d94ff,0 0 0 1px #4d94ff}
@media(hover:none){:root .task-name-line>.task-rename-pencil{opacity:1;visibility:visible;min-width:32px;width:32px;min-height:32px}}
@media(prefers-reduced-motion:reduce){:root .task-name-line>.task-rename-pencil{transition:none}}

:root .task-name-line [data-task-title] h3{display:inline;font:inherit;margin:0;padding:0}
:root[data-theme=dark]:not(.crm-calculator-page) .task-rename-pencil{background:transparent;color:var(--ui-muted);border:0}
:root[data-theme=dark]:not(.crm-calculator-page) .task-rename-pencil:hover{background:transparent;color:var(--ui-primary)}