@layer layout{
  .workspace-main{padding:56px var(--gutter) 0;max-inline-size:1600px;margin-inline:auto}
  .workspace-heading{display:flex;justify-content:space-between;gap:32px;align-items:center;margin-block-end:26px}
  .workspace-heading h1{font-size:36px;line-height:1.15}
  .workspace-heading p{font-size:15px;color:var(--secondary);margin-block-start:17px;line-height:1.65}
  .workspace-toolbar{border-block:1px solid var(--rule);padding-block:12px;display:flex;justify-content:space-between;gap:12px 24px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--secondary)}
  .workspace-toolbar>div{display:flex;gap:14px;flex-wrap:wrap}.workspace-toolbar .quiet-button{font-size:14px;padding-inline:0}
  .workspace-message{font-size:14px;min-block-size:68px;padding-block:20px;color:var(--silver)}
  .balances-region{margin-block-end:40px}.workspace-balances{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-block-end:24px;border-block-end:1px solid var(--rule)}
  .workspace-balances dt{font-size:14px;color:var(--secondary);margin-block-end:10px}.workspace-balances dd{font-family:'Source Sans 3',Arial,sans-serif;font-size:31px;font-variant-numeric:tabular-nums;line-height:1.25}
  .balance-explanation{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--secondary);margin-block-start:14px}
  .task-composer{border-block:1px solid var(--rule);background:var(--surface);margin-block-end:54px}
  .task-composer>summary{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;font-family:'Source Sans 3',Arial,sans-serif;font-size:20px}
  .task-composer[open]>summary .disclosure-icon,.event-details[open] .disclosure-icon{rotate:45deg}
  .task-composer>div{padding:0 28px 28px}.composer-explanation{font-size:14px;color:var(--secondary);max-inline-size:64ch;margin-block-end:28px;line-height:1.65}
  .workspace-fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px 28px}.workspace-fields>label{grid-column:span 4;font-size:14px;color:var(--secondary);min-inline-size:0}
  .workspace-fields .task-name-field{grid-column:span 6}.workspace-fields>label:has(#task-amount,#task-fee){grid-column:span 3}.task-name-field input{display:block;inline-size:100%;background:var(--ground);border:1px solid #555962;border-radius:4px;min-block-size:47px;padding:11px 13px;margin-block-start:12px;color:var(--foreground);font-size:16px}
  .workspace-fields .input-line input{font-size:28px}.workspace-fields .input-line{margin-block-start:12px}.workspace-fields .field-error{min-block-size:18px;font-size:14px;line-height:1.5}
  .composer-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-block-start:18px}.composer-actions p{font-size:14px;color:var(--secondary)}
  .task-list-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-block-end:26px}.task-list-heading h2{font-size:25px}
  .task-filter{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--secondary)}.task-filter select{font:inherit;background:var(--surface);color:var(--foreground);border:1px solid #555962;border-radius:4px;padding:11px 32px 11px 12px;min-block-size:44px;max-inline-size:220px;accent-color:var(--silver)}.task-filter select:focus-visible{outline:2px solid var(--silver);outline-offset:4px}
  .task-empty{border-block:1px solid var(--rule);padding-block:36px 30px}.task-empty h3{font-size:23px}.task-empty p{max-inline-size:58ch;font-size:15px;color:var(--secondary);margin-block:16px 12px}.task-empty button{font-size:14px}.filter-empty{padding-block:28px;border-block:1px solid var(--rule);font-size:15px;color:var(--secondary)}
  .workspace-task-table{inline-size:100%;table-layout:fixed;font-size:14px}.workspace-task-table th{text-align:start;font-size:14px;font-weight:400;color:var(--secondary);padding-block-end:14px;border-block-end:1px solid #494d55}.workspace-task-table th:first-child{inline-size:34%}.workspace-task-table th:nth-child(2){inline-size:15%}.workspace-task-table th:nth-child(3){inline-size:13%}.workspace-task-table th:nth-child(4){inline-size:17%}.workspace-task-table th:nth-child(5){inline-size:21%}
  .workspace-task-table td{padding:18px 14px 18px 0;border-block-end:1px solid var(--rule);vertical-align:middle;font-variant-numeric:tabular-nums}.workspace-task-table td:last-child{padding-inline-end:0;color:var(--secondary);font-size:14px}.workspace-task-table tr:has(button[aria-current=true]){background:#ffffff04}.workspace-task-table button{font:inherit;color:var(--foreground);background:none;border:0;border-radius:0;text-align:start;text-decoration:underline;text-underline-offset:5px;min-block-size:44px;padding:4px 12px 4px 0;max-inline-size:100%;overflow-wrap:anywhere}.workspace-task-table button[aria-current=true]{text-decoration-thickness:2px}.workspace-task-table .task-number{display:block;font-size:13px;color:var(--secondary);margin-block-start:6px}
  .selected-task{margin-block-start:52px;padding-block-start:38px;border-block-start:1px solid #555962;scroll-margin-block-start:30px}.selected-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-block-end:32px}.selected-heading h2{font-size:28px;max-inline-size:38ch;overflow-wrap:anywhere;line-height:1.25}.selected-state{font-size:14px;color:var(--secondary);margin-block-end:12px}.selected-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-block:1px solid var(--rule);padding-block:24px}.selected-terms dt{font-size:14px;color:var(--secondary);margin-block-end:8px}.selected-terms dd{font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  .test-clock{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-block-start:30px}.test-clock h3{font-size:17px;letter-spacing:0}.test-clock p{color:var(--secondary);font-size:14px;margin-block-start:7px;font-variant-numeric:tabular-nums}.clock-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.clock-actions button{font-size:14px}.clock-explanation{font-size:14px;color:var(--secondary);margin-block-start:18px;line-height:1.65}
  .task-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-block-start:30px}.task-action-note{font-size:14px;color:var(--secondary);margin-block-start:16px;max-inline-size:74ch;min-block-size:44px}
  .cancellation-region{border-block-start:1px solid var(--rule);margin-block-start:24px;padding-block-start:28px}.cancellation-region h3,.workspace-settlement h3{font-size:20px}.cancellation-region p{font-size:14px;color:var(--secondary);margin-block:13px 20px}.cancellation-region>div{display:flex;gap:14px;flex-wrap:wrap}
  .workspace-settlement{padding-block-start:28px;margin-block-start:24px;border-block-start:1px solid var(--rule)}.workspace-settlement dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-block-start:24px}.workspace-settlement dt{font-size:14px;color:var(--secondary);margin-block-end:10px}.workspace-settlement dd{font-family:'Source Sans 3',Arial,sans-serif;font-size:28px;font-variant-numeric:tabular-nums}.workspace-settlement p{font-size:14px;color:var(--secondary);margin-block-start:20px}
  .event-details{margin-block-start:30px;border-block:1px solid var(--rule)}.event-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;font-size:14px}.event-details ol{list-style:none;padding:0 0 24px;font-size:14px}.event-details li{display:grid;grid-template-columns:100px 1fr;gap:20px;padding-block:11px;color:var(--silver);border-block-end:1px solid #ffffff08}.event-details time{color:var(--secondary);font-size:14px}
  .workspace-boundary{padding-block:62px 70px;max-inline-size:76ch}.workspace-boundary h2{font-size:25px}.workspace-boundary p{font-size:14px;color:var(--secondary);margin-block-start:19px;line-height:1.7}.workspace-boundary a{display:inline-block;font-size:14px;margin-block-start:23px}
  .recovery-panel{border:1px solid #656a74;padding:24px;margin-block-end:32px}.recovery-panel h2{font-size:22px}.recovery-panel p{font-size:14px;color:var(--secondary);margin-block:14px 20px}.recovery-panel>div{display:flex;gap:20px;flex-wrap:wrap}
}
@layer utilities{[hidden]{display:none!important}}
@layer layout{
  .workspace-message{font-size:15px;min-block-size:0;padding-block:20px}
  .workspace-message:empty,.task-action-note:empty{display:none}
  .balances-region{margin-block-start:30px}
  .composer-explanation,.clock-explanation,.task-action-note{font-size:15px}
  .selected-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px 22px}
  .selected-state{font-size:15px;margin:0}
  .workspace-boundary{margin-block:40px 56px;padding-block-start:24px}
  .workspace-boundary a{font-size:16px}
  .workspace-balances dd,.workspace-settlement dd{font-weight:500}
}
@layer components{.task-filter>button{background:none;border:0;border-block-end:1px solid transparent;color:var(--secondary);padding:12px 3px;min-block-size:44px;font-size:14px;border-radius:0}.task-filter>button[aria-pressed=true]{color:var(--foreground);border-block-end-color:var(--silver)}.task-filter>button:hover{color:var(--foreground)}}
@layer layout{
@media(max-width:1000px){.workspace-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-fields>label,.workspace-fields>label:has(#task-amount,#task-fee){grid-column:span 1}.workspace-fields .task-name-field,.workspace-fields>label:has(#task-duration){grid-column:span 2}.workspace-task-table th:first-child{inline-size:30%}.workspace-task-table th:nth-child(5){inline-size:25%}.test-clock{align-items:start;flex-direction:column}.workspace-balances dt{font-size:14px}.workspace-balances dd{font-size:28px}}
@media(max-width:600px){
  .workspace-main{padding-block-start:34px}.workspace-heading{display:block}.workspace-heading h1{font-size:29px}.workspace-heading p{font-size:14px}.workspace-heading>button{margin-block-start:23px}.workspace-toolbar{align-items:start}.workspace-toolbar>div{gap:0 18px}.workspace-toolbar .quiet-button{font-size:13px}.workspace-toolbar>p{font-size:13px}.workspace-message{font-size:14px;min-block-size:76px}.workspace-balances{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.workspace-balances dd{font-size:28px}.balance-explanation{font-size:13px;gap:8px}.task-composer>summary{padding:20px;font-size:18px}.task-composer>div{padding:0 20px 24px}.composer-explanation{font-size:14px}.workspace-fields{gap:14px 20px}.workspace-fields .input-line{display:block}.workspace-fields .input-line input{font-size:26px}.workspace-fields .input-line>span{font-size:13px}.composer-actions{gap:16px}.composer-actions .solid-button{inline-size:100%}.composer-actions p{font-size:14px}.task-list-heading{display:block}.task-filter{margin-block-start:18px}.task-filter select{flex:1;max-inline-size:none}.workspace-task-table .wide-column{display:none}.workspace-task-table th:first-child{inline-size:48%}.workspace-task-table th:nth-child(3){inline-size:18%}.workspace-task-table th:nth-child(5){inline-size:34%}.workspace-task-table td{font-size:14px;padding-inline-end:10px}.workspace-task-table td:last-child{font-size:13px}.workspace-task-table button{font-size:14px}.selected-heading{display:block}.selected-heading h2{font-size:25px}.selected-heading>button{margin-block-start:22px}.selected-terms{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.selected-terms dd{font-size:14px}.selected-terms dt{font-size:13px}.clock-actions{gap:8px}.clock-actions button{font-size:13px}.task-action-row .solid-button,.task-action-row .outline-button{inline-size:100%}.task-action-note{font-size:14px}.cancellation-region>div{display:grid;grid-template-columns:1fr}.cancellation-region p{font-size:14px}.workspace-settlement dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.workspace-settlement dt{font-size:13px}.event-details li{grid-template-columns:75px 1fr;gap:12px;font-size:14px}.event-details time{font-size:13px}.workspace-boundary h2{font-size:23px}.workspace-boundary p{font-size:14px}
}

}
