.unpnc-plugin-scope .unpnc-attribution-modal{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* Variables (fallback au cas où task-manager.css n'est pas chargé)
   NB: l'attribution est surtout utilisée dans le task-board, mais
   ce fallback évite un rendu "hors style" sur une page isolée. */
.unpnc-plugin-scope{
  --unpnc-primary: #0E182C;
  --unpnc-primary-dark: #0E182C;
  --unpnc-gray-50: #f9fafb;
  --unpnc-gray-100: #f3f4f6;
  --unpnc-gray-200: #e5e7eb;
  --unpnc-gray-500: #6b7280;
  --unpnc-gray-900: #111827;
  --radius-xl: 18px;
  --radius-lg: 14px;
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,.10), 0 8px 10px -6px rgba(0,0,0,.10);
}

.unpnc-plugin-scope .unpnc-attribution-content{
  width: min(920px, 96vw);
  max-height: 90vh;
  overflow: auto;
  background: #fff;
  border-radius: var(--radius-xl);
  box-shadow: 0 25px 70px rgba(0,0,0,0.25);
  border: 1px solid var(--unpnc-gray-200);
  overflow: hidden;
}

.unpnc-plugin-scope .unpnc-attribution-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(135deg, rgba(14,24,44,1) 0%, rgba(14,24,44,.92) 70%, rgba(59,130,246,.30) 100%);
}

.unpnc-plugin-scope .unpnc-attribution-header h3{
  margin: 0;
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}

.unpnc-plugin-scope .unpnc-attribution-close{
  background: transparent;
  border: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: #fff;
  opacity: .95;
}

.unpnc-plugin-scope .unpnc-attribution-close:hover{ opacity: 1; }

.unpnc-plugin-scope .unpnc-attribution-body{
  padding: 16px 18px 18px;
  background:
    radial-gradient(900px 500px at 10% -10%, rgba(14,24,44,.06), transparent 55%),
    radial-gradient(700px 420px at 110% 0%, rgba(59,130,246,.06), transparent 55%);
}

.unpnc-plugin-scope .unpnc-attribution-notice{
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--unpnc-gray-200);
  background: var(--unpnc-gray-50);
  font-weight: 700;
  margin-bottom: 12px;
}

.unpnc-plugin-scope .unpnc-attribution-notice.is-error{ background: #fef2f2; border-color: #fecaca; color: #991b1b; }
.unpnc-plugin-scope .unpnc-attribution-notice.is-success{ background: #ecfdf5; border-color: #a7f3d0; color: #065f46; }
.unpnc-plugin-scope .unpnc-attribution-notice.is-info{ background: #eff6ff; border-color: #bfdbfe; color: #1e40af; }

.unpnc-plugin-scope .unpnc-attribution-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

@media (max-width: 820px) {
  .unpnc-plugin-scope .unpnc-attribution-grid{ grid-template-columns: 1fr; }
}

.unpnc-plugin-scope .unpnc-attribution-panel{
  border: 1px solid var(--unpnc-gray-200);
  border-radius: var(--radius-lg);
  padding: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
}

.unpnc-plugin-scope .unpnc-attribution-panel-title{
  font-weight: 900;
  margin-bottom: 10px;
  color: var(--unpnc-gray-900);
}

.unpnc-plugin-scope .unpnc-attribution-field label{
  display: block;
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 6px;
}

.unpnc-plugin-scope .unpnc-attribution-select, .unpnc-plugin-scope .unpnc-attribution-input{
  width: 100%;
  border: 2px solid var(--unpnc-gray-200);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 14px;
  background: #fff;
  transition: box-shadow .15s ease, border-color .15s ease;
}

.unpnc-plugin-scope .unpnc-attribution-select:focus, .unpnc-plugin-scope .unpnc-attribution-input:focus{
  outline: none;
  border-color: rgba(59,130,246,.55);
  box-shadow: 0 0 0 4px rgba(59,130,246,.18);
}

.unpnc-plugin-scope .unpnc-attribution-help{
  font-size: 12px;
  color: var(--unpnc-gray-500);
  margin-top: 6px;
}

.unpnc-plugin-scope .unpnc-attribution-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.unpnc-plugin-scope .unpnc-attribution-auth-box{
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px dashed var(--unpnc-gray-200);
}

.unpnc-plugin-scope .unpnc-attribution-list{
  border: 1px solid var(--unpnc-gray-200);
  border-radius: 14px;
  overflow: hidden;
}

.unpnc-plugin-scope .unpnc-attribution-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #f1f5f9;
  background: #fff;
}

.unpnc-plugin-scope .unpnc-attribution-row:last-child{ border-bottom: none; }

.unpnc-plugin-scope .unpnc-attribution-row strong{
  font-weight: 900;
  color: var(--unpnc-gray-900);
}

.unpnc-plugin-scope .unpnc-attribution-empty{
  padding: 12px;
  color: var(--unpnc-gray-500);
}

.unpnc-plugin-scope .unpnc-attribution-remove{
  background: transparent;
  border: 1px solid var(--unpnc-gray-200);
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
  font-weight: 900;
}

.unpnc-plugin-scope .unpnc-attribution-remove:hover{ background: #f8fafc; }