.task-share-control{display:inline-flex;position:relative}.task-share-toast{z-index:5;border:1px solid color-mix(in srgb,var(--mint) 55%,var(--border));background:var(--surface);color:var(--ink);white-space:nowrap;pointer-events:none;border-radius:12px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 6px 18px #00175d14}.task-share-toast svg{color:var(--ink);flex:none}.task-share-feedback{z-index:5;border:1px solid var(--border);background:var(--surface);min-width:190px;max-width:min(320px,70vw);color:var(--ink);white-space:normal;border-radius:14px;gap:8px;padding:12px;font-size:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00175d18}.task-share-feedback .secondary-button{justify-self:end;min-height:36px}.task-share-feedback input{width:100%;font-size:12px}.task-number{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}@media (max-width:700px){.app-shell .task-detail-dialog .dialog-header:has(.task-share-control){flex-direction:column-reverse;align-items:stretch;gap:8px;display:flex}.task-detail-dialog .dialog-header:has(.task-share-control) .dialog-header-actions{justify-content:flex-end;position:static}.task-detail-dialog .dialog-header:has(.task-share-control)>div:first-child{width:100%}.task-detail-dialog .dialog-header:has(.task-share-control)>div:not(.dialog-title-with-client):first-child>h2{padding-right:0}}
.request-correction{border:1px solid var(--border);background:color-mix(in srgb,var(--mint) 12%,var(--surface));border-radius:14px;margin-bottom:16px;padding:14px}.task-lifecycle-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;line-height:1.6;display:flex}.request-correction-form,.request-correction-form fieldset,.task-delete-form,.deleted-task-history{gap:16px;display:grid}.request-correction-form fieldset{border:0;min-width:0;margin:0;padding:0}.request-correction-form .ui-field,.task-delete-form .ui-field,.deleted-task-history .ui-field{margin:0}.task-delete-form>p{margin:0;line-height:1.7}.task-delete-trigger{color:#a92f42}.task-delete-confirm{color:#fff!important;background:#a92f42!important;border-color:#a92f42!important}.deleted-task-row{border:1px solid var(--border);background:var(--surface);border-radius:12px}.deleted-task-row>summary{cursor:pointer;align-items:center;gap:10px;padding:12px;font-size:12px;list-style:none;display:flex}.deleted-task-row>summary>span:first-of-type{flex:1;min-width:0}.deleted-task-row strong,.deleted-task-row small{display:block}.deleted-task-row small{color:var(--muted);margin-top:5px}.deleted-task-row>div{overflow-wrap:anywhere;padding:0 14px 14px}.deleted-task-row>div>details{border-top:1px solid var(--border);padding:10px 0;font-size:13px}.deleted-task-row ul{padding-left:20px;font-size:12px;line-height:1.6}[data-theme=dark] .task-delete-trigger{color:#ffadba}@media (max-width:600px){.request-correction .task-section-heading{flex-direction:column;align-items:stretch}.deleted-task-row>summary{flex-wrap:wrap}.deleted-task-row>summary>span:first-of-type{flex-basis:75%}}
.task-client-approval{border:1px solid var(--border);background:color-mix(in srgb,var(--mint) 9%,var(--surface));border-radius:14px;flex-shrink:0;margin:0 0 12px;padding:14px 16px}.task-client-local-test{margin-top:10px;font-size:12px}.local-task-approval-portal{border:1px solid var(--border);background:var(--surface);width:calc(100vw - 32px);max-width:1440px;height:calc(100dvh - 32px);max-height:none;color:var(--ink);border-radius:20px;padding:0;overflow:auto}.local-task-approval-portal::backdrop{background:#00132f80}.local-task-approval-banner{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.local-task-approval-banner>span{align-items:center;gap:8px;font-size:13px;display:flex}.local-task-approval-portal .client-portal{min-height:0}.task-client-approval-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.task-client-approval-heading>span{background:color-mix(in srgb,var(--mint) 24%,var(--surface));width:32px;height:32px;color:var(--ink);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.task-client-approval-heading>div{flex:1;min-width:180px}.task-client-approval-heading strong{font-size:13px}.task-client-approval-heading p,.task-client-share-note{color:var(--muted);margin:3px 0 0;font-size:12px}.task-client-approval-heading button{min-height:44px;font-size:12px}.task-client-approval form{gap:10px;margin-top:14px;display:grid}.task-client-approval .ui-field{gap:6px;margin:0;display:grid}.task-client-approval.status-pending,.task-client-approval.status-changes{background:color-mix(in srgb,#e6b642 12%,var(--surface))}.task-client-approval.status-approved{background:color-mix(in srgb,var(--mint) 18%,var(--surface))}.task-client-feedback{border-top:1px solid var(--border);margin-top:12px;padding-top:10px;font-size:12px}.task-client-feedback>strong{font-size:12px}.task-client-approval details{margin-top:10px;font-size:12px}.task-client-approval summary{cursor:pointer;padding:8px 0}.task-client-approval .task-form-buttons{flex-wrap:wrap;gap:8px;display:flex}.task-client-approval .primary-button{align-items:center;gap:8px;min-height:44px;display:inline-flex}@media (max-width:600px){.task-client-approval{padding:12px}.task-client-approval-heading>button{justify-content:center;width:100%}.task-client-approval-heading>div{flex-basis:calc(100% - 42px);min-width:0}}
