/* المرحلة السادسة — إضافات تحافظ على الواجهة الأصلية */
.phase6-chip{display:inline-flex;margin-top:8px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);color:#dff1ff;font-size:10px;line-height:1.4}
.phase6-actions,.phase6-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.phase6-inline input,.phase6-inline select,.task-update-box select{border:1px solid var(--line);border-radius:11px;padding:10px 11px;background:#fff;min-width:145px}
.phase6-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.workspace-kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:0 8px 22px rgba(5,58,106,.06)}
.workspace-kpi small{display:block;color:var(--muted);margin-bottom:8px}.workspace-kpi strong{font-size:24px;color:var(--blue-900)}.workspace-kpi.danger strong{color:var(--red)}
.phase6-top-grid{align-items:start}.phase6-inbox{display:grid;gap:8px;max-height:540px;overflow:auto}
.inbox-item{width:100%;border:1px solid var(--line);border-radius:13px;background:#fff;padding:11px;display:grid;grid-template-columns:10px 1fr auto;gap:9px;text-align:right;align-items:start;color:var(--ink)}
.inbox-item:hover{border-color:#8ec3ec;background:var(--blue-50)}.inbox-item.read{opacity:.62}.inbox-item b{display:block;font-size:12px}.inbox-item small{display:block;color:var(--muted);margin-top:4px;line-height:1.5}.inbox-item time{font-size:9px;color:var(--muted);white-space:nowrap}
.inbox-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--blue-700)}.inbox-dot.critical,.inbox-dot.high{background:var(--red)}.inbox-dot.medium{background:var(--amber)}
.deadline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.deadline-card{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-right:4px solid var(--blue-700);border-radius:15px;padding:13px}.deadline-card.high{border-right-color:var(--amber)}.deadline-card.critical{border-right-color:var(--red)}
.deadline-card h4{margin:0 0 4px;font-size:13px}.deadline-card p{margin:0;color:var(--muted);font-size:11px}.deadline-date{min-width:82px;text-align:center;background:var(--blue-50);padding:9px;border-radius:11px}.deadline-date b{display:block;color:var(--blue-900);font-size:12px}.deadline-date small{font-size:9px;color:var(--muted)}
.overdue-row{background:#fff6f7}.danger-text{color:var(--red);font-weight:700}.phase6-description{margin:15px 0;padding:14px;background:var(--blue-50);border:1px solid var(--line);border-radius:13px;white-space:pre-wrap;line-height:1.8}
.task-update-box{display:flex;gap:9px;margin:14px 0;flex-wrap:wrap}.comment-list{display:grid;gap:8px;max-height:250px;overflow:auto}.comment{border:1px solid var(--line);border-radius:12px;padding:11px}.comment b{font-size:12px;color:var(--blue-900)}.comment small{float:left;color:var(--muted);font-size:9px}.comment p{margin:7px 0 0;line-height:1.7;font-size:12px}.phase6-comment{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.phase6-comment .textarea{min-height:70px}
.attestation-list{display:grid;gap:10px;max-height:650px;overflow:auto}.attestation-card{border:1px solid var(--line);border-right:4px solid var(--green);border-radius:14px;padding:13px}.attestation-card.revoked{border-right-color:var(--red);opacity:.78}.attestation-card>div:first-child{display:flex;justify-content:space-between;gap:7px;align-items:center}.attestation-card h4{margin:9px 0 4px}.attestation-card p{margin:0 0 6px;color:var(--muted);font-size:11px;line-height:1.5}.attestation-card small{color:var(--muted);font-size:9px}.attestation-card .phase6-actions{margin-top:10px}
code{font-family:Consolas,monospace;font-size:10px;color:var(--blue-900);background:var(--blue-50);padding:4px 6px;border-radius:7px}
@media(max-width:1100px){.phase6-kpis{grid-template-columns:repeat(3,1fr)}.deadline-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.phase6-kpis{grid-template-columns:1fr 1fr}.deadline-grid{grid-template-columns:1fr}.phase6-inline{width:100%}.phase6-inline input,.phase6-inline select{flex:1;min-width:120px}.phase6-comment{grid-template-columns:1fr}.phase6-actions{width:100%}.phase6-actions .btn{flex:1}}
@media(max-width:470px){.phase6-kpis{grid-template-columns:1fr}.inbox-item{grid-template-columns:9px 1fr}.inbox-item time{grid-column:2}.task-update-box>*{width:100%}}