.task-card { cursor: pointer; transition: border-color .16s ease, transform .16s ease; }
.task-card:hover { border-color: #ef4e36; transform: translateY(-2px); }
.task-card .dots { position: relative; z-index: 2; }
.details-dialog { width: min(650px, calc(100% - 28px)); max-height: min(90vh, 850px); }
.details-dialog form { overflow: auto; max-height: min(90vh, 850px); }
.guidance-label { color: #ef4e36; font: 10px 'DM Mono'; letter-spacing: 1px; margin: 0 0 6px; }
.guidance-preview { color: #c6c2bf; background: #101010; border-left: 2px solid #ef4e36; border-radius: 4px; padding: 10px 12px; font-size: 12px; line-height: 1.5; margin-bottom: 15px; }
.history-panel { margin-top: 18px; border: 1px solid #333; border-radius: 7px; background: #101010; }
.history-panel summary { cursor: pointer; padding: 12px; color: #ef4e36; font-size: 12px; list-style: none; display: flex; justify-content: space-between; }
.history-list { padding: 0 12px 12px; display: grid; gap: 8px; }
.history-item { border-top: 1px solid #292929; padding-top: 10px; color: #aaa; font-size: 11px; line-height: 1.5; }
.history-item strong { color: #eee; display: block; }
#quickClientName { margin-top: 8px; }
.client-entry { display: flex; align-items: center; gap: 2px; }
.client-entry .client-nav { flex: 1; }
.archive-client { border: 0; background: transparent; color: #777; border-radius: 4px; padding: 5px; cursor: pointer; opacity: 0; }
.client-entry:hover .archive-client, .archive-client:focus { opacity: 1; }
.archive-client:hover { color: #ef4e36; background: #35130f; }