/* Amline — domain components + wizard polish */
.status-card{border-radius:var(--radius,14px);padding:18px;color:#fff;background:linear-gradient(135deg,var(--brand-dark),var(--brand));box-shadow:var(--shadow-sm,0 3px 12px rgba(0,0,0,.08));margin-bottom:16px;position:relative;overflow:hidden}
.status-card:after{content:'';position:absolute;right:-50px;top:-60px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08)}
.status-card .sc-code{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.8;font-weight:700}
.status-card h2{font-size:20px;font-weight:800;margin:4px 0 2px;letter-spacing:-.02em}
.status-card .sc-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;margin-top:10px}

.checklist{display:flex;flex-direction:column;gap:8px}
.check-item{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line,#e8ecf2);border-radius:12px;padding:11px 13px}
.check-item .ci-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none;background:var(--brand-light);color:var(--brand)}
.check-item.done .ci-icon{background:#eaf8f0;color:#0f7a45}
.check-item.failed .ci-icon{background:#fef1f3;color:#c81e3a}
.check-item b{font-size:13.5px;display:block}
.check-item small{color:var(--muted,#64748b);font-size:11.5px}

.assign-card{background:#fff;border:1px solid var(--line,#e8ecf2);border-radius:13px;padding:14px;margin-bottom:10px}
.assign-card .ac-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.assign-card h4{font-size:15px;font-weight:800;margin:0}
.assign-card .ac-meta{color:var(--muted,#64748b);font-size:12.5px;margin-top:5px;display:flex;flex-wrap:wrap;gap:4px 14px}
.assign-card .ac-meta i{margin-right:4px;color:var(--brand)}
.assign-card .ac-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}

.doc-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line,#e8ecf2);border-radius:12px;padding:12px;margin-bottom:8px}
.doc-row .dr-icon{width:40px;height:40px;border-radius:11px;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}
.doc-row b{font-size:13.5px;display:block}
.doc-row small{color:var(--muted,#64748b);font-size:11.5px}
.doc-row .dr-actions{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}

.notif-row{display:flex;gap:12px;background:#fff;border:1px solid var(--line,#e8ecf2);border-radius:12px;padding:13px;margin-bottom:8px}
.notif-row.unread{border-left:3px solid var(--brand)}
.notif-row .nr-icon{width:38px;height:38px;border-radius:11px;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.notif-row b{font-size:13.5px}
.notif-row p{font-size:12.5px;color:#475569;margin:3px 0 0}
.notif-row small{color:var(--muted,#64748b);font-size:11px;white-space:nowrap;margin-left:auto}

.consent-row{background:#fff;border:1px solid var(--line,#e8ecf2);border-radius:12px;padding:14px;margin-bottom:10px}
.consent-row label{display:flex;gap:11px;align-items:flex-start;cursor:pointer;margin:0}
.consent-row input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--brand)}
.consent-row b{font-size:13.5px}
.consent-row p{font-size:12.5px;color:#475569;margin:3px 0 0}
.consent-row .req{font-size:10.5px;font-weight:800;color:#b45309;background:#fff7ed;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:middle}

.ob-section{background:#fff;border:1px solid var(--line,#e8ecf2);border-radius:14px;padding:18px;margin-bottom:14px}
.ob-section > h3{font-size:15px;font-weight:800;margin:0 0 4px;display:flex;align-items:center;gap:9px;letter-spacing:-.01em}
.ob-section > h3 i{color:var(--brand)}
.ob-section > .sub{color:var(--muted,#64748b);font-size:12.5px;margin:0 0 14px}

.skill-picker{display:flex;flex-wrap:wrap;gap:8px}
.skill-picker label{cursor:pointer}
.skill-picker input{display:none}
.skill-picker span{display:inline-block;padding:7px 13px;border-radius:999px;border:1.5px solid var(--line,#e8ecf2);font-size:12.5px;font-weight:700;background:#fff;color:#334155;transition:background .15s,border-color .15s,color .15s}
.skill-picker input:checked + span{background:var(--brand);border-color:var(--brand);color:#fff}
.skill-cat{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#64748b);margin:12px 0 7px}

.vc-actions{display:flex;gap:5px;flex-wrap:wrap}
.vc-actions .btn{padding:3px 10px;font-size:12px}

.wp-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#fff;border-radius:14px;padding:18px;box-shadow:var(--shadow-sm,0 3px 12px rgba(0,0,0,.06));margin-bottom:16px;border:1px solid var(--line,#e8ecf2)}
.wp-avatar{width:64px;height:64px;border-radius:14px;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;flex:none;overflow:hidden}
.wp-avatar img{width:100%;height:100%;object-fit:cover}
.wp-head h2{font-size:19px;font-weight:800;margin:0;letter-spacing:-.02em}
.wp-head .wh-meta{color:var(--muted,#64748b);font-size:13px;display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:4px}
.wp-head .wh-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}

.dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.dl .dl-item{background:#f8fafc;border-radius:11px;padding:10px 13px}
.dl small{display:block;color:var(--muted,#64748b);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.dl b{font-size:13.5px;font-weight:700}

.bar-chart{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:10px}
.bar-chart .bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.bar-chart .bar i{display:block;width:100%;max-width:38px;background:linear-gradient(180deg,var(--brand),var(--brand-dark));border-radius:6px 6px 2px 2px;min-height:3px}
.bar-chart .bar b{font-size:10.5px;color:var(--muted,#64748b);font-weight:700;white-space:nowrap}
.bar-chart .bar small{font-size:10px;color:var(--muted,#64748b);overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}

/* Completion banner */
.done-banner{
  display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:13px;
  background:#eaf8f0;border:1px solid #c6ebd5;color:#0f7a45;margin-bottom:16px;
}
.done-banner i{font-size:22px;flex:none}
.done-banner b{display:block;font-size:14px}
.done-banner p{margin:3px 0 0;font-size:12.5px;opacity:.9}