.hub-linked-tasks{display:grid;gap:.8rem;margin:1rem 0;padding:1rem;background:var(--hub-panel,#fff);border:1px solid var(--hub-border,#d6dfd8);border-radius:1rem}.hub-linked-tasks>header{display:flex;gap:1rem;align-items:center;justify-content:space-between}.hub-linked-tasks>header small,.hub-linked-tasks>header h2,.hub-linked-tasks>header h3{display:block;margin:0}.hub-linked-tasks>header small{color:var(--hub-muted,#647168);font-size:.68rem;font-weight:850;text-transform:uppercase}.hub-linked-tasks>header>strong{display:grid;min-width:2rem;height:2rem;place-items:center;color:#fff;background:#285e43;border-radius:50%}.hub-linked-tasks__create>summary{padding:.7rem .9rem;color:#fff;background:#285e43;border-radius:.65rem;font-weight:850;cursor:pointer}.hub-linked-tasks__create>form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem 0}.hub-linked-tasks label{display:grid;gap:.3rem}.hub-linked-tasks .is-wide{grid-column:1/-1}.hub-linked-tasks fieldset{display:flex;gap:.8rem;flex-wrap:wrap;border:1px solid var(--hub-border,#d6dfd8);border-radius:.65rem}.hub-linked-tasks fieldset label{display:flex}.hub-linked-tasks button{padding:.7rem .9rem;color:#fff;background:#285e43;border:0;border-radius:.6rem;font-weight:850;cursor:pointer}.hub-linked-tasks__table{display:grid}.hub-linked-tasks__head,.hub-linked-tasks__table>article{display:grid;grid-template-columns:130px minmax(220px,1.5fr) minmax(180px,.8fr) minmax(160px,.8fr);gap:.7rem;padding:.7rem;align-items:center;border-bottom:1px solid var(--hub-border,#d6dfd8)}.hub-linked-tasks__head{font-size:.68rem;font-weight:850;text-transform:uppercase}.hub-linked-tasks__table>article>div{display:grid;gap:.2rem}.hub-linked-task__status{padding:.35rem .55rem;border-radius:999px;font-size:.7rem;font-weight:850;text-align:center}.hub-linked-task__status.is-open{color:#7b3d13;background:#fae7d5}.hub-linked-task__status.is-in_progress{color:#165777;background:#dcedf6}.hub-linked-task__status.is-waiting_customer{color:#685000;background:#f6e9aa}.hub-linked-task__status.is-completed{color:#17603a;background:#ddf1e4}.hub-linked-tasks__table details>summary{font-weight:850;cursor:pointer}.hub-linked-tasks__table details[open]{grid-column:1/-1}.hub-linked-task__unlink{margin-top:.5rem;background:#9f3129!important}.hub-linked-tasks__empty{margin:0;color:var(--hub-muted,#647168)}@media(max-width:800px){.hub-linked-tasks__create>form{grid-template-columns:1fr}.hub-linked-tasks__head{display:none}.hub-linked-tasks__table>article{grid-template-columns:1fr}}

:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks{color:#f4faf6;background:#17231d;border-color:#526158;color-scheme:dark}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks>header :where(h2,h3,strong){color:#f4faf6}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks>header small,
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks__empty{color:#b6c4bb}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks :where(input:not([type=checkbox]):not([type=radio]),textarea,select){color:#f4faf6;background:#101813;border-color:#607267;color-scheme:dark}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks :where(input,textarea)::placeholder{color:#aab8af;opacity:1}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks fieldset{background:#1d2a22;border-color:#4a5c50}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks__head{color:#c5d1c9;background:#223129}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks__table>article{background:#1b2820;border-color:#46584c}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks__table>article:nth-child(odd){background:#202e25}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks__table :where(a,summary){color:#f0dc78}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-tasks__table details[open]{padding:.65rem;background:#111a15;border:1px solid #46584c;border-radius:.55rem}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-task__status.is-open{color:#ffd3aa;background:#5a351b}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-task__status.is-in_progress{color:#c3e9fb;background:#173e50}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-task__status.is-waiting_customer{color:#f7e9a8;background:#51420f}
:is(html[data-theme="dark"],body.hub-dark-mode) .hub-linked-task__status.is-completed{color:#c7ecd3;background:#1d4b30}
@media(prefers-color-scheme:dark){
  .hub-linked-tasks{color:#f4faf6;background:#17231d;border-color:#526158;color-scheme:dark}
  .hub-linked-tasks :where(input:not([type=checkbox]):not([type=radio]),textarea,select){color:#f4faf6;background:#101813;border-color:#607267;color-scheme:dark}
  .hub-linked-tasks fieldset,.hub-linked-tasks__table>article{background:#1d2a22;border-color:#4a5c50}
  .hub-linked-tasks__head{color:#c5d1c9;background:#223129}
  .hub-linked-tasks__table :where(a,summary){color:#f0dc78}
}
